:root{--bg:#0b0d11;--panel:#14171e;--line:#252a35;--txt:#eef1f6;--mut:#9aa3b2;--neon:#2ef2a0;--blue:#3ab8ff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font-family:"Inter",system-ui,sans-serif;line-height:1.5;padding-bottom:64px}
h1,h2,h3{font-family:"Space Grotesk","Inter",sans-serif;line-height:1.1;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,7vw,4.4rem)}h2{font-size:clamp(1.5rem,4vw,2.3rem)}
a{color:inherit}
:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.muted{color:var(--mut)}.small{font-size:.85rem;text-align:center;margin-top:24px}
.lead{font-size:1.15rem;color:#cdd3dd;max-width:640px}
.kicker{color:var(--neon);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;margin:0 0 8px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.center{justify-content:center}
.stack{display:flex;flex-direction:column;gap:14px}
.grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.g3,.g4,.g5{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}}
.split{display:grid;gap:20px}@media(min-width:860px){.split{grid-template-columns:1fr 1fr;align-items:start}}
.section{max-width:1160px;margin:0 auto;padding:48px 18px}.narrow{max-width:720px;margin:0 auto;width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:12px;font:inherit;font-weight:700;
  text-decoration:none;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--txt)}
.btn.lg{padding:16px 26px;font-size:1.05rem}
.btn.neon{background:var(--neon);color:#04140c;border-color:var(--neon);box-shadow:0 0 24px rgba(46,242,160,.35)}
.btn.outline{border-color:var(--blue);color:var(--blue);background:transparent}
.btn.ghost{background:transparent}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin:0}
.card p{margin:0 0 8px}.glow{box-shadow:0 0 0 1px rgba(46,242,160,.25),0 10px 40px rgba(46,242,160,.08)}
.field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}
.input{background:#0e1116;border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:12px;font:inherit;width:100%}
textarea.input{min-height:80px}
.alert,.alert-error{background:#2a1214;border:1px solid #6b2a2f;color:#ffb3b8;padding:12px;border-radius:10px}
.badge{display:inline-block;padding:4px 10px;border-radius:99px;border:1px solid var(--blue);color:var(--blue);font-size:.78rem;font-weight:700}
.loading,.empty{padding:24px;text-align:center;color:var(--mut)}.spinner{width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--neon);border-radius:50%;animation:sp 1s linear infinite;margin:auto}
@keyframes sp{to{transform:rotate(360deg)}}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 18px;background:rgba(11,13,17,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{font-family:"Space Grotesk",sans-serif;font-weight:800;font-size:1.3rem;background:none;border:0;color:var(--txt);cursor:pointer;padding:0}
.logo span{color:var(--neon);margin-left:4px;text-shadow:0 0 12px var(--neon)}.logo.big{font-size:2rem;margin-bottom:12px}
.nav nav{display:none;gap:4px;margin-left:auto}
.nav nav button,.link{background:none;border:0;color:var(--mut);font:inherit;font-weight:600;cursor:pointer;padding:8px 10px;border-radius:8px;text-decoration:none}
.nav nav button.on,.nav nav button:hover,.link:hover{color:var(--txt);background:var(--panel)}
.burger{margin-left:auto;background:var(--panel);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:8px 12px;font-size:1.1rem}
.nav nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:12px;border-bottom:1px solid var(--line)}
@media(min-width:860px){.nav nav{display:flex}.burger{display:none}.nav nav.open{position:static;flex-direction:row;padding:0;border:0}}
.live{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--neon);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}
.live i{width:10px;height:10px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon);animation:pl 1.6s infinite}
.live.sm{font-size:.7rem}@media(max-width:859px){.live.sm{display:none}}
@keyframes pl{50%{opacity:.35}}
.hero{min-height:82vh;display:flex;align-items:flex-end;background-size:cover;background-position:center}
.hero-in{max-width:1160px;margin:0 auto;width:100%;padding:80px 18px 56px}
.hero h1 em{font-style:normal;color:var(--neon);text-shadow:0 0 28px rgba(46,242,160,.6)}
.trust{max-width:1160px;margin:-24px auto 0;padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;align-items:center;
  background:var(--panel);border:1px solid var(--line);border-radius:16px;position:relative}
@media(max-width:1180px){.trust{margin:-24px 12px 0}}
.stars{color:#ffc53d;letter-spacing:2px}.stars .half{opacity:.45}
.badge24{border:2px solid var(--neon);color:var(--neon);padding:6px 14px;border-radius:10px;font-weight:800;letter-spacing:.1em;box-shadow:0 0 18px rgba(46,242,160,.3)}
.cat{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;background:var(--panel);border:1px solid var(--line);
  color:var(--txt);border-radius:16px;padding:20px;font:inherit;cursor:pointer;transition:.2s}
.cat:hover{border-color:var(--neon);transform:translateY(-3px);box-shadow:0 0 24px rgba(46,242,160,.15)}
.ico{font-size:1.8rem;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#0e1116;border:1px solid var(--line)}
.loyalty{background:radial-gradient(circle at 80% 0,rgba(58,184,255,.12),transparent 60%)}
.stamps{display:grid;grid-template-columns:repeat(5,44px);gap:10px;margin-top:16px}
.stamps span{width:44px;height:44px;border-radius:50%;border:2px dashed var(--line);display:grid;place-items:center;color:var(--line);font-weight:800}
.stamps .on{border:2px solid var(--neon);color:var(--neon);box-shadow:0 0 10px rgba(46,242,160,.3)}
blockquote.card p{font-size:1.05rem}
.shelf{padding-top:12px;padding-bottom:12px}.shelf-h{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.shelf-h h2{margin:0}
.tile{aspect-ratio:4/3;border-radius:16px;border:1px solid var(--line);display:flex;align-items:flex-end;padding:16px;font-weight:700;
  background:linear-gradient(160deg,#1a2030,#0e1116 70%);position:relative;overflow:hidden}
.tile::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;top:-30px;right:-30px;background:radial-gradient(var(--neon),transparent 70%);opacity:.18}
.shelf:nth-of-type(odd) .tile::before{background:radial-gradient(var(--blue),transparent 70%)}
.big24{font-size:2rem;font-weight:800;color:var(--neon);font-family:"Space Grotesk",sans-serif}
.map{width:100%;min-height:340px;border:1px solid var(--line);border-radius:16px;filter:invert(.9) hue-rotate(180deg)}.map.sm{min-height:220px}
.foot{border-top:1px solid var(--line);padding:40px 18px;max-width:1160px;margin:0 auto}.foot p{margin:0}
.sticky{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border-top:1px solid var(--line)}
.sticky a{padding:16px;text-align:center;font-weight:800;text-decoration:none}.sticky .call{background:var(--neon);color:#04140c}
@media(min-width:860px){.sticky{display:none}body{padding-bottom:0}}
.gate{position:fixed;inset:0;z-index:50;background:rgba(5,6,9,.94);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}
.gate-box{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:32px;text-align:center;max-width:420px;width:100%}