*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#fff;line-height:1.65}a{color:#4f46e5}
.w{max-width:1100px;margin:auto;padding:0 22px}header{background:#0f172a;position:sticky;top:0;z-index:9}header .w{display:flex;align-items:center;gap:14px;height:64px}
header img{width:36px;border-radius:8px}header b{color:#fff;font-size:20px}nav{margin-left:auto;display:flex;gap:20px}nav a{color:#cbd5e1;text-decoration:none}
.btn{display:inline-block;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff!important;padding:13px 24px;border-radius:12px;font-weight:700;text-decoration:none}
.hero{background:radial-gradient(circle at 70% 20%,#312e81,#0f172a 60%);color:#fff;padding:80px 0}.hero .w{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:52px;line-height:1.1;margin:0 0 18px}.hero h1 span{color:#fcd34d}.hero p{color:#cbd5e1;font-size:19px}.hero img,.shot{width:100%;border-radius:16px;box-shadow:0 20px 60px #0008}
section{padding:70px 0}h2{font-size:36px;margin:0 0 24px}.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.c{border:1px solid #e2e8f0;border-radius:16px;padding:24px}.alt{background:#f8fafc}footer{background:#0f172a;color:#94a3b8;padding:40px 0}footer a{color:#cbd5e1}
article{max-width:760px;margin:auto;padding:50px 22px}article h1{font-size:40px;line-height:1.2}details{border-bottom:1px solid #e2e8f0;padding:14px 0}summary{font-weight:700;cursor:pointer}
.cta{background:linear-gradient(135deg,#0f172a,#312e81 60%,#6d28d9);color:#fff;border-radius:24px;padding:46px;text-align:center;margin:40px auto;box-shadow:0 25px 60px #312e8155}.cta h2{color:#fff}.cta p{color:#c7d2fe}
.big{font-size:20px;padding:18px 34px;border-radius:16px;box-shadow:0 12px 30px #6366f188;display:inline-flex;align-items:center;gap:12px;transition:transform .15s}.big:hover{transform:translateY(-3px)}.big img{width:28px}
.sticky{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;background:#0f172aee;border:1px solid #6366f1;border-radius:999px;padding:8px 8px 8px 22px;display:flex;gap:16px;align-items:center;color:#fff;box-shadow:0 10px 40px #0008;white-space:nowrap}.sticky .btn{padding:10px 18px;border-radius:999px}
.badge{display:inline-block;background:#fcd34d;color:#0f172a;font-weight:800;border-radius:999px;padding:4px 12px;font-size:13px;margin-bottom:14px}
@media(max-width:800px){.sticky span{display:none}}
@media(max-width:800px){.hero .w{grid-template-columns:1fr}.hero h1{font-size:38px}nav a.h{display:none}}