:root{--bg:#070716;--surface:#101126;--surface2:#171936;--text:#f7f8ff;--muted:#b9bdd8;--pink:#f500a8;--purple:#7b2cff;--cyan:#00d9ff;--yellow:#ffe600;--price:#ffe600;--border:rgba(255,255,255,.12);--shadow:0 20px 50px rgba(0,0,0,.32)}
body.light{--bg:#f7f8fc;--surface:#fff;--surface2:#f0f2fa;--text:#111426;--muted:#5c637d;--price:#b45f00;--border:rgba(20,25,50,.12);--shadow:0 20px 50px rgba(39,31,80,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);transition:background .3s}
a{color:inherit;text-decoration:none}a:hover,button:hover{opacity:.85}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.card{transition:.25s}.card:hover{transform:translateY(-6px);border-color:var(--cyan)!important}
input,select,textarea{width:100%;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}
textarea{min-height:130px}
details{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin-bottom:12px}summary{font-weight:800;cursor:pointer}
@keyframes float{50%{transform:translateY(-14px)}}
@media(max-width:850px){.nav-links{display:none!important}.nav-links.open{display:flex!important;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:var(--bg);padding:20px;border-bottom:1px solid var(--border)}}
@media(min-width:851px){.burger{display:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}