*{box-sizing:border-box}:root{--bg:#000;--card:#0e0d14;--border:#25223a;--text:#fff;--muted:#9a97b3;--purple:#7c5cff;--pink:#eeb0fa;--gradient:linear-gradient(90deg, #7c5cff, #eeb0fa)}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:linear-gradient(#000 0%,#0b0a12 45%,#2c2470 120%) fixed;flex-direction:column;margin:0;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif;display:flex}a{color:inherit}.header{justify-content:space-between;align-items:center;gap:24px;padding:22px 48px;display:flex}.logo{letter-spacing:-.5px;font-size:22px;font-weight:700;text-decoration:none}.logo span{color:var(--pink)}.nav{align-items:center;gap:40px;display:flex}.nav a{color:var(--muted);font-size:16px;text-decoration:none;transition:color .15s}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text);font-weight:700}.header-right{align-items:center;gap:12px;display:flex}.user-pill{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--text);border:1px solid var(--border);background:#7c5cff1f;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;overflow:hidden}button,.btn-pill{cursor:pointer;background:var(--gradient);color:#fff;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s,box-shadow .15s;display:inline-block}button:hover,.btn-pill:hover{filter:brightness(1.1);box-shadow:0 0 20px #7c5cff73}button:active{transform:scale(.96)}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);box-shadow:none;border-color:var(--purple);background:0 0}.container{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:24px 24px 80px}h2{letter-spacing:-1px;margin:8px 0 24px;font-size:32px;font-weight:300}h2 strong{font-weight:800}.muted{color:var(--muted)}.hero{text-align:center;padding:40px 0 56px}.hero-light{letter-spacing:-1px;margin:0;font-size:32px;font-weight:300}.hero-bold{letter-spacing:-3px;margin:0;font-size:clamp(48px,10vw,96px);font-weight:700;line-height:1.05}.hero-bold span{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;display:grid}.card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;padding:14px 14px 18px;transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:var(--purple);transform:translateY(-3px);box-shadow:0 8px 30px #7c5cff40}.card img{object-fit:cover;background:#1a1830;border-radius:14px;width:100%;height:160px;margin-bottom:12px}.card h3{margin:6px 0 4px;font-size:17px;font-weight:600}.card .price{color:var(--pink);margin:0 0 12px;font-weight:700}.in-cart-badge{color:var(--pink);background:#eeb0fa1f;border:1px solid #eeb0fa4d;border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:12px;display:inline-block}@keyframes pop{0%{transform:scale(1)}40%{filter:brightness(1.3);transform:scale(.9)}to{transform:scale(1)}}.btn-pop{animation:.3s pop}.form{background:var(--card);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:14px;max-width:380px;margin:60px auto;padding:32px;display:flex;box-shadow:0 10px 40px #7c5cff26}.form h2{margin:0 0 6px}.form input{border:1px solid var(--border);color:var(--text);background:#000;border-radius:999px;outline:none;padding:13px 16px;font-size:15px;transition:border-color .15s}.form input::placeholder{color:#5f5c78}.form input:focus{border-color:var(--purple)}.error{color:#ff6b81;margin:0;font-size:14px}.cart-item,.order-item{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:12px;display:flex}.cart-item img,.order-item img{object-fit:cover;background:#1a1830;border-radius:12px;width:64px;height:64px}.cart-item div{flex:1}.cart-item p,.order-item p{margin:2px 0}.cart-item .muted{font-size:14px}.order-item p:first-of-type{flex:1}.order-item p:last-of-type{color:var(--pink);font-weight:700}.cart-footer{background:var(--card);border:1px solid var(--border);border-radius:20px;justify-content:space-between;align-items:center;margin-top:24px;padding:18px 24px;display:flex}.cart-footer p{margin:0;font-size:22px;font-weight:700}.cart-footer p span{color:var(--pink)}.order{background:var(--card);border:1px solid var(--border);border-radius:20px;margin-bottom:22px;padding:20px}.order-date{color:var(--muted);margin:0 0 14px;font-size:13px}.order .order-item{background:#000}@media (max-width:760px){.header{flex-wrap:wrap;gap:14px;padding:16px 20px}.nav{order:3;gap:24px;width:100%}.container{padding:16px 16px 60px}h2{font-size:26px}.hero{padding:20px 0 36px}.hero-light{font-size:22px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{border-radius:16px;padding:10px 10px 14px}.card img{height:115px}.card h3{font-size:14px}.form{margin:30px auto;padding:22px}.cart-item,.order-item{gap:12px}.cart-item img,.order-item img{flex-shrink:0;width:52px;height:52px}.cart-item div{min-width:0}.cart-item p,.order-item p{word-break:break-word;font-size:14px}.cart-footer{text-align:center;flex-direction:column;align-items:stretch;gap:14px}.cart-footer button{width:100%}.order{padding:14px}}@media (max-width:380px){.grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:20px 48px;font-size:12px;display:flex}.footer-brand{color:var(--text);font-weight:700}.footer-names{letter-spacing:.3px}@media (max-width:760px){.footer{text-align:center;flex-direction:column;padding:16px 20px}}