:root{--bg:#04040a;--bg2:#080812;--bg3:#0c0c18;--surface:#10101e;--surface2:#161628;--surface3:#1c1c32;--border:hsla(0,0%,100%,.06);--border2:hsla(0,0%,100%,.11);--border3:hsla(0,0%,100%,.18);--text:#f2f0ff;--muted:rgba(242,240,255,.52);--muted2:rgba(242,240,255,.3);--muted3:rgba(242,240,255,.16);--violet:#8b5cf6;--violet-light:#a78bfa;--violet-glow:rgba(139,92,246,.2);--violet-dark:#6d28d9;--cyan:#22d3ee;--emerald:#10b981;--rose:#f43f5e;--amber:#f59e0b;--grad-brand:linear-gradient(135deg,#8b5cf6,#6366f1 60%,#3b82f6);--grad-subtle:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.05));--grad-text:linear-gradient(135deg,#c4b5fd,#a78bfa,#818cf8);--purple:#8b5cf6;--purple-light:#a78bfa;--grad:linear-gradient(135deg,#8b5cf6,#6366f1 60%,#3b82f6);--mono:"Syne",system-ui,sans-serif;--font:"DM Sans",system-ui,sans-serif;--display:"Syne",system-ui,sans-serif;--r:10px;--r2:18px;--mono:"JetBrains Mono","Fira Code",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-card:0 4px 24px rgba(0,0,0,.4);--shadow-glow:0 0 40px rgba(139,92,246,.15);--shadow-glow-sm:0 0 16px rgba(139,92,246,.25);--shadow-lift:0 8px 32px rgba(0,0,0,.5);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-overlay:500;--ease:cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font)}.container{max-width:1180px;margin:0 auto;padding:0 28px}.section{padding:96px 0}nav.main-nav{position:-webkit-sticky;position:sticky;top:0;z-index:200;justify-content:space-between;padding:0 40px;height:64px;background:rgba(4,4,10,.85);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border-bottom:1px solid var(--border)}.nav-logo,nav.main-nav{display:flex;align-items:center}.nav-logo{gap:10px;font-family:var(--display);font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.3px}.logo-icon{width:32px;height:32px;background:var(--grad-brand);border-radius:9px;justify-content:center;font-size:14px;font-weight:800;color:#fff;box-shadow:0 0 18px rgba(139,92,246,.4)}.logo-icon,.nav-links{display:flex;align-items:center}.nav-links{gap:4px}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;padding:6px 13px;border-radius:8px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--surface)}.nav-actions{display:flex;align-items:center;gap:10px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;border-radius:var(--r);font-size:14px;font-weight:600;background:var(--grad-brand);color:#fff;border:none;transition:opacity .2s,transform .2s var(--ease),box-shadow .2s;white-space:nowrap;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(139,92,246,.32)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--r);font-size:14px;font-weight:500;border:1px solid var(--border2);background:transparent;color:var(--text);transition:background .2s,border-color .2s,transform .2s var(--ease);white-space:nowrap;cursor:pointer}.btn-ghost:hover{border-color:var(--border3);transform:translateY(-1px)}.btn-ghost:hover,.card{background:var(--surface)}.card{border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.card:hover{box-shadow:0 20px 56px rgba(0,0,0,.45),0 0 0 1px rgba(139,92,246,.1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-purple{background:rgba(139,92,246,.14);color:var(--violet-light);border:1px solid rgba(139,92,246,.28)}.badge-green{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-red{background:rgba(244,63,94,.12);color:#fb7185;border:1px solid rgba(244,63,94,.25)}.badge-yellow{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.badge-cyan{background:rgba(34,211,238,.12);color:#67e8f9;border:1px solid rgba(34,211,238,.25)}.input{width:100%;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r);padding:12px 16px;color:var(--text);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.input::placeholder{color:var(--muted2)}footer.main-footer{border-top:1px solid var(--border);padding:56px 48px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:48px;gap:48px}.footer-brand p{color:var(--muted);font-size:14px;margin-top:14px;max-width:230px;line-height:1.75}.footer-col h4{font-size:11px;font-weight:700;color:var(--muted2);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.footer-col a{display:block;color:var(--muted);font-size:14px;margin-bottom:11px;transition:color .2s}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);margin-top:48px;padding:22px 48px;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--muted2);font-size:13px}::selection{background:rgba(139,92,246,.28);color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(1turn)}}.stars{color:var(--amber)}.stars-empty{color:var(--surface3)}.price-original{text-decoration:line-through;color:var(--muted2);font-size:13px}.price-current{font-size:24px;font-weight:700;color:var(--text)}.price-save{color:var(--emerald);font-size:13px;font-weight:600}.ref-link-box{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;font-family:var(--mono);font-size:13px;padding:12px 16px;color:var(--violet-light);word-break:break-all}.toast{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast,400);background:var(--surface2);border:1px solid var(--border2);border-radius:14px;padding:14px 20px;min-width:280px;box-shadow:var(--shadow-lift);animation:toastSlide .3s ease}.toast-success{border-left:3px solid var(--emerald)}.toast-error{border-left:3px solid var(--rose)}.badge-hot{background:rgba(244,63,94,.14);color:#fb7185;border:1px solid rgba(244,63,94,.28)}.badge-new{background:rgba(139,92,246,.14);color:var(--violet-light);border:1px solid rgba(139,92,246,.28)}.badge-sale{background:rgba(245,158,11,.14);color:#fbbf24;border:1px solid rgba(245,158,11,.28)}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,.4)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.btn-ghost:active{transform:translateY(0)}.btn-ghost:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.card:hover{border-color:rgba(139,92,246,.25);transform:translateY(-4px);box-shadow:var(--shadow-lift),var(--shadow-glow)}.input.error{border-color:var(--rose)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg3)}@keyframes toastSlide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.container{max-width:100%}}@media (max-width:900px){nav.main-nav{padding:0 20px}nav.main-nav .nav-links{display:none}footer.main-footer{grid-template-columns:1fr 1fr;padding:40px 24px 0}.footer-bottom{flex-direction:column;gap:8px;padding:20px 24px;text-align:center}.section{padding:72px 0}.container{padding:0 20px}}@media (max-width:480px){footer.main-footer{grid-template-columns:1fr}.btn-ghost,.btn-primary{min-height:44px}}