:root{--navy:#0b1245;--royal:#2b3fd6;--green:#3ddc63;--gold:#ffc93c;--text:#fff;--dim:#c3ccf5;--card:rgba(255,255,255,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Nunito","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--text);background:linear-gradient(180deg,#2b3fd6 0,#16227d 45%,#0b1245 100%) fixed;line-height:1.6;min-height:100vh}
a{color:var(--gold)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
nav .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;text-decoration:none;font-size:1.1rem}
nav .brand img{width:40px;height:40px;border-radius:10px}
nav .links a{color:var(--dim);text-decoration:none;margin-left:18px;font-weight:700}
nav .links a:hover{color:#fff}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:30px 0 50px}
.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;margin:0 0 12px;font-weight:900}
.hero h1 span:nth-child(1){color:#ff4757}.hero h1 span:nth-child(2){color:#ff9f1a}.hero h1 span:nth-child(3){color:#ffd93d}.hero h1 span:nth-child(4){color:#37d868}.hero h1 span:nth-child(5){color:#2f86ff}.hero h1 span:nth-child(6){color:#9156f0}
.tag{color:var(--dim);font-size:1.15rem;margin:0 0 24px}
.btn{display:inline-block;background:linear-gradient(#6cf08a,#27c04d);color:#fff;font-weight:800;text-decoration:none;padding:14px 28px;border-radius:40px;box-shadow:0 5px 0 #168a32;border:0;font-size:1.05rem}
.btn.ghost{background:var(--card);box-shadow:none;border:1.5px solid rgba(255,255,255,.3);margin-left:10px}
.phone{justify-self:center;width:min(280px,70vw);border-radius:34px;border:6px solid #0a0f3a;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.phone img{display:block;width:100%;border-radius:28px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 40px}
.card{background:var(--card);border:1.5px solid rgba(255,255,255,.15);border-radius:22px;padding:20px}
.card h3{margin:0 0 6px}.card p{margin:0;color:var(--dim)}
.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:50px}
.shots img{width:100%;border-radius:20px;border:4px solid #0a0f3a;box-shadow:0 10px 30px rgba(0,0,0,.4)}
h2{font-size:1.6rem;margin:40px 0 14px}
.doc{background:var(--card);border:1.5px solid rgba(255,255,255,.15);border-radius:24px;padding:28px;margin:10px 0 50px}
.doc h1{margin-top:0}.doc h2{font-size:1.25rem;margin:28px 0 8px;color:var(--gold)}.doc p,.doc li{color:#e6eaff}
footer{border-top:1px solid rgba(255,255,255,.15);padding:24px 0 40px;color:var(--dim);font-size:.95rem;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between}
footer a{color:var(--dim)}
@media(max-width:760px){.hero{grid-template-columns:1fr;text-align:center}.grid{grid-template-columns:1fr}.shots{grid-template-columns:repeat(2,1fr)}.btn.ghost{margin:10px 0 0}nav .links a{margin-left:12px}}