body{margin:0;font-family:Inter,sans-serif;background:#08111f;color:#fff}
*{box-sizing:border-box}a{text-decoration:none}
.hero{padding:30px 8%;background:radial-gradient(circle at top,#153b74,#08111f)}
nav{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:32px;font-weight:800}.logo span{color:#27b7ff}
.menu{display:flex;gap:25px;align-items:center}.menu a{color:#fff}
.btn,.primary,.secondary,.cta a,button{padding:12px 22px;border-radius:10px;border:none;cursor:pointer}
.btn,.primary{background:#2563eb;color:#fff}.secondary{border:1px solid #4da3ff;color:#fff}
.hero-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:80px 0}
.tag{color:#6ee7ff}.hero h1{font-size:52px}
.panel,.card{background:rgba(255,255,255,.06);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:25px}
section{padding:70px 8%}h2{text-align:center;font-size:38px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:40px}
.card button{background:#2563eb;color:#fff}
.cta{text-align:center;background:#0d1c31}.cta a{background:#22c55e;color:#fff}
footer{text-align:center;padding:40px;background:#040b14;color:#9fb3c8}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center}
.box{background:#13233c;padding:30px;border-radius:16px;width:340px;text-align:center}
.telegram,.whatsapp,.close{display:block;width:100%;margin:10px 0;padding:14px;border-radius:8px;color:#fff}
.telegram{background:#229ED9}.whatsapp{background:#666}.close{background:#d33}
@media(max-width:800px){.hero-content{grid-template-columns:1fr}.menu{display:none}.hero h1{font-size:36px}}