:root{--deep:#03041a;--ink:#070a26;--night:#0c0f3a;--indigo:#171a52;--gold:#ffe3a0;--goldSoft:rgba(255,227,160,.72);--border:rgba(255,227,160,.2);--card:rgba(255,255,255,.06);--text:#e8e8fa;--muted:#a9abd8;--violet:#7864e6}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:radial-gradient(1200px 700px at 50% -10%,var(--indigo),var(--ink) 55%,var(--deep));min-height:100vh}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-weight:400;letter-spacing:.01em}
a{color:var(--gold)}a:hover{opacity:.8}
.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 6vw;border-bottom:1px solid var(--border);backdrop-filter:blur(8px);position:sticky;top:0;background:rgba(3,4,26,.7);z-index:2}
.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:1.3rem;text-decoration:none}.brand img{border-radius:9px}
nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-size:.95rem}nav a:hover{color:var(--gold)}
main{max-width:1040px;margin:0 auto;padding:0 6vw}
.hero{position:relative;text-align:center;padding:90px 0 70px}
.hero .geo{position:absolute;left:50%;top:50%;width:min(560px,90vw);transform:translate(-50%,-50%);color:var(--gold);opacity:.16;animation:spin 120s linear infinite;z-index:-1}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hero .geo{animation:none}}
.hero h1{font-size:clamp(2.6rem,7vw,4.4rem);margin:0 0 14px;text-shadow:0 0 40px rgba(255,227,160,.35)}
.lead{font-size:1.2rem;color:var(--muted);max-width:640px;margin:0 auto}
.stores{margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pill{border:1px solid var(--border);border-radius:999px;padding:10px 20px;color:var(--goldSoft);background:var(--card)}
h2{font-size:2rem;text-align:center;margin:40px 0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px 24px;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(120,100,230,.25)}
.card h3{margin:0 0 6px;font-size:1.25rem}.card p{margin:0;color:var(--muted)}
.quiet{text-align:center;max-width:720px;margin:60px auto;color:var(--muted)}
.doc{max-width:760px;margin:0 auto;padding:50px 0}.doc h1{font-size:2.6rem;margin-bottom:6px}.doc h2{text-align:left;font-size:1.5rem;margin:34px 0 10px}
.doc li{margin:6px 0}.rules li{margin:14px 0}
details{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 18px;margin:10px 0}
summary{cursor:pointer;color:var(--gold);font-weight:500}details p{color:var(--muted);margin:10px 0 0}
.small{font-size:.85rem;color:var(--muted)}
footer{border-top:1px solid var(--border);margin-top:70px}
.foot{max-width:760px;margin:0 auto;padding:40px 6vw;text-align:center;color:var(--muted);font-size:.92rem}
.foot .geo{width:60px;color:var(--gold);opacity:.5}