:root{--navy:#12213f;--navy2:#1b2f57;--gold:#f2b84b;--bg:#f6f8fc;--card:#fff;--ink:#14213a;--ink2:#4b5870;--line:#dde4ef}
@media (prefers-color-scheme:dark){:root{--bg:#0b1426;--card:#13213b;--ink:#e8eef8;--ink2:#a8b6cc;--line:#24365a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.hero{background:radial-gradient(circle at 50% 0,var(--navy2),var(--navy) 70%);color:#fff;text-align:center;padding:48px 0 56px}
.logo{width:160px;height:160px;border-radius:32px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:22px 0 10px}
.lead{max-width:680px;margin:0 auto;color:#dfe6f2;font-size:19px}
.soon{color:var(--gold);font-weight:700;letter-spacing:.3px;margin:18px 0 26px}
.notify{max-width:520px;margin:0 auto}
.notify label{display:block;font-weight:600;margin-bottom:8px}
.row{display:flex;gap:8px}
.row input{flex:1;min-width:0;padding:13px 14px;border-radius:12px;border:0;font:inherit}
.row button{padding:13px 20px;border:0;border-radius:12px;background:var(--gold);color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.row button:hover{filter:brightness(1.05)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fine{font-size:13px;color:#b9c5da;margin-top:10px}
h2{font-size:clamp(24px,3.5vw,32px);text-align:center;margin:56px 0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.card h3{margin:0 0 6px;font-size:19px}
.card p{margin:0;color:var(--ink2)}
.shots{margin-top:56px;background:linear-gradient(var(--bg),var(--line) 50%,var(--bg))}
.shots-in{display:flex;gap:20px;justify-content:center;overflow-x:auto;padding:12px 20px}
.shots img{width:240px;height:auto;border-radius:28px;box-shadow:0 10px 30px rgba(10,20,40,.18);flex:none}
.partners{text-align:center;max-width:720px}
.partners p{color:var(--ink2)}
.btn{display:inline-block;margin-top:6px;padding:12px 22px;border-radius:12px;background:var(--navy);color:#fff;text-decoration:none;font-weight:700}
@media (prefers-color-scheme:dark){.btn{background:var(--gold);color:var(--navy)}}
footer{margin-top:64px;border-top:1px solid var(--line);color:var(--ink2);font-size:15px;text-align:center;padding:20px 0 28px}
footer p{margin:6px 0}
.page{max-width:760px;padding-top:32px}
.page h1{font-size:32px}
.done{text-align:center;padding:96px 20px}
.done .logo{width:110px;height:110px;border-radius:24px}
@media (max-width:520px){.row{flex-direction:column}.shots img{width:200px}}