@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#282431;--muted:#77717f;--purple:#7952a5;--purple-dark:#35283f;--pale:#f1eaf8;--lavender:#e6d9f1;--cream:#fcfafc;--line:#e9e1ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}
.topbar{min-height:82px;padding:14px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:3px}.brand-mark{width:38px;height:38px;border-radius:50%;background:var(--pale);color:var(--purple);display:grid;place-items:center;font-family:'Playfair Display';font-size:24px}.topbar nav{display:flex;gap:32px;color:#5e5865;font-size:14px}.header-actions{display:flex;align-items:center;gap:18px}.sell-link,.text-button,.inline-button{background:none;border:0;cursor:pointer;font:600 13px 'DM Sans'}.sell-link{border-bottom:1px solid var(--purple);padding:9px 0}.text-button{color:var(--purple-dark)}
.hero{min-height:540px;padding:76px max(8vw,28px);display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(110deg,#fcfaff,#f1eaf8)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--purple)}.hero h1{font:700 clamp(42px,5vw,66px)/1.12 'Playfair Display',serif;margin:18px 0}.hero h1 em{color:var(--purple)}.intro{max-width:490px;color:#716a78;line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.button{border:0;border-radius:4px;padding:14px 21px;font:600 13px 'DM Sans';display:inline-block;cursor:pointer}.primary{background:var(--purple-dark);color:white}.primary:hover{background:var(--purple)}.light{background:white;color:var(--purple-dark);border:1px solid #e4d8ed}.hero-art{height:350px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:300px;height:300px;border-radius:50%;background:#e5d8f0}.device{position:absolute;background:#292530;border:7px solid #292530;box-shadow:0 22px 35px #49365b30}.phone{width:125px;height:235px;border-radius:22px;right:22%;top:48px;transform:rotate(10deg);z-index:2}.screen{height:100%;border-radius:15px;background:linear-gradient(145deg,#f2eafa,#bba0d5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#49345e;font-size:13px;letter-spacing:2px}.screen b{font:700 19px 'Playfair Display'}.laptop{width:270px;height:185px;border-radius:10px;left:10%;bottom:36px;transform:rotate(-7deg)}.laptop-screen{height:145px;background:linear-gradient(135deg,#d8c8e7,#f2eafa);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5d4772;letter-spacing:2px;font-size:10px}.laptop-screen b{font:700 18px 'Playfair Display';margin-top:8px}.keyboard{height:18px;background:#aaa1b2;border-radius:0 0 5px 5px}.spark{position:absolute;color:var(--purple);font-size:35px}.s1{top:38px;left:28%}.s2{bottom:48px;right:15%}
.trust{display:flex;justify-content:center;gap:8vw;padding:22px 20px;border-bottom:1px solid var(--line);color:#77717f;font-size:12px}.section,.account-section,.admin-section{padding:80px max(8vw,28px)}.section-heading{display:flex;align-items:end;justify-content:space-between}.section h2,.repair h2,.sell-section h2,.contact h2,.admin-section h2{font:700 38px 'Playfair Display';margin:10px 0 26px}.muted{color:var(--muted);font-size:13px}.search-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .8fr;gap:10px;margin:25px 0 18px}.search-row input,.search-row select,.form-stack input,.form-stack select,.form-stack textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:12px 13px;background:#fff;color:var(--ink);font:13px 'DM Sans'}.categories{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.category{border:1px solid var(--line);background:white;padding:10px 17px;border-radius:30px;color:#655e69;cursor:pointer;font:500 12px 'DM Sans'}.category.active,.category:hover{background:var(--purple-dark);color:white;border-color:var(--purple-dark)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white;min-width:0}.product-photo,.product-art{width:100%;height:180px;object-fit:cover;display:block}.product-art{display:flex;align-items:center;justify-content:center;position:relative;font:42px 'Playfair Display';color:#765b8c;background:#eee7f5}.product-art span{position:absolute;bottom:15px;right:15px;font:700 10px 'DM Sans';letter-spacing:2px}.product-info{padding:18px}.product-info small{font-size:9px;letter-spacing:1.5px;color:var(--purple)}.product-info h3{font-size:15px;margin:9px 0}.product-info p{font-size:12px;color:var(--muted);line-height:1.6;min-height:34px}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-meta b{font-size:14px}.product-meta span,.city-label{font-size:11px;color:var(--muted)}.city-label{min-height:0!important;margin:8px 0}.favorite-button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 12px;font:600 11px 'DM Sans';cursor:pointer;color:#66516f}.favorite-button.selected{background:#f2eafa;color:#754d9c;border-color:#d9c7e8}.empty-state{grid-column:1/-1;padding:25px;background:#faf8fc;border-radius:6px;color:var(--muted);font-size:13px}
.repair{padding:65px max(8vw,28px);background:#f1eaf8;display:flex;align-items:center;justify-content:space-between;gap:35px}.repair>div:first-child{max-width:570px}.repair p:not(.eyebrow),.sell-section p,.contact p{color:#756d7b;line-height:1.8;font-size:14px}.repair-bubble{width:190px;height:190px;flex-shrink:0;border-radius:50%;background:#ddcce9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#59416c}.repair-bubble span{font-size:32px}.repair-bubble strong{font:700 23px 'Playfair Display'}.repair-bubble small{font-size:11px;margin-top:4px}.sell-section{padding:65px max(8vw,28px);display:flex;align-items:center;justify-content:space-between;gap:20px}.sell-section h2{margin-bottom:10px}.contact{text-align:center;padding:65px 20px;background:#35283f;color:white}.contact .eyebrow{color:#d6b9ee}.contact p{color:#d0c6d7}.contact .light{margin-top:10px}
footer{padding:25px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;color:#8b838f;font-size:11px}footer .brand{color:var(--ink)}
.hidden{display:none!important}.modal{width:min(92vw,470px);border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 20px 70px #20152d40}.modal::backdrop{background:#21172b99}.modal-wide{width:min(92vw,650px)}.modal h2{font:700 30px 'Playfair Display';margin:8px 0 22px}.modal-close{display:flex;justify-content:flex-end;margin:-12px -8px 8px}.close-button{border:0;background:none;font-size:28px;cursor:pointer;color:var(--muted)}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#514958}.form-stack textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-switch{font-size:12px;color:var(--muted);margin-top:18px}.inline-button{color:var(--purple);padding:0}.form-message{font-size:12px;color:#47734f;min-height:16px}.form-message.error{color:#b42318}.my-listings{display:grid;gap:10px}.my-listing,.admin-ad{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:6px}.my-listing span{display:grid;gap:5px}.my-listing small,.admin-ad span{color:var(--muted);font-size:11px}.small-button{padding:9px 13px;font-size:11px}.admin-ad{margin:10px 0}.admin-ad>div{display:flex;gap:8px}
@media(max-width:900px){.search-row{grid-template-columns:1fr 1fr}.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{height:auto;padding:18px 22px;flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:space-between;gap:12px}.header-actions{margin-left:auto;gap:12px}.sell-link{font-size:11px}.hero{padding:55px 25px;grid-template-columns:1fr}.hero-art{height:290px}.phone{right:20%;top:22px}.laptop{left:8%;bottom:25px}.trust{gap:15px;flex-wrap:wrap;font-size:10px}.section,.account-section,.admin-section{padding:55px 22px}.section-heading{align-items:start;gap:10px;flex-direction:column}.section h2,.repair h2,.sell-section h2,.contact h2,.admin-section h2{font-size:31px}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product-photo,.product-art{height:135px}.product-info{padding:13px}.product-info h3{font-size:13px}.repair{padding:50px 24px}.repair-bubble{width:125px;height:125px}.repair-bubble strong{font-size:18px}.sell-section{padding:50px 24px;align-items:flex-start;flex-direction:column}.search-row{grid-template-columns:1fr 1fr}.search-row input:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}footer{gap:15px;flex-wrap:wrap}.admin-ad{align-items:flex-start;flex-direction:column}}