*{box-sizing:border-box}
html,body{margin:0}
:root{--bg:#0b132b;--ink:#eaf1ff;--acc:#5bc0be;--muted:#a9b7e3;--card:#142046}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.container{max-width:1100px;margin:0 auto;padding:20px}
/* NAV */
.nav{position:sticky;top:0;z-index:5;background:#0f1a3a;border-bottom:1px solid #223163}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav .brand{display:flex;gap:8px;align-items:center;color:#eaf1ff;font-weight:800;letter-spacing:.2px}
.nav .brand img{height:28px}
.nav .links a{color:#cfe3ff;text-decoration:none;margin:0 10px}
/* HERO */
.hero{position:relative;min-height:84vh;display:flex;align-items:center;overflow:hidden}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(.95) saturate(.9)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(11,19,43,.9))}
.hero-content{position:relative;z-index:2}
.logo{height:64px;margin-bottom:16px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.hero h1{margin:0 0 8px;font-size:42px;line-height:1.1;font-weight:800}
.hero h1 span{color:var(--acc)}
.sub{font-size:18px;opacity:.95;margin:0 0 14px;max-width:680px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.trust{display:flex;gap:14px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 0;color:#cfe1ff}
/* BUTTONS */
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.primary{background:var(--acc);color:#062025}
.btn-lg{font-size:18px;padding:14px 20px}
.ghost{border:1px solid #2d3a6d;color:#e5eeff;background:transparent}
.link{color:#b7d8ff;text-decoration:none}
/* GRID */
.blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:22px}
.card{background:var(--card);border:1px solid #22326b;border-radius:16px;padding:18px}
/* ACCORDION */
.modules h2,.offer h2,.faq h2{margin:18px 0 10px}
.acc button{width:100%;text-align:left;background:#111c3e;border:1px solid #213067;color:#e9f0ff;padding:14px;border-radius:12px;margin:10px 0;font-weight:600;cursor:pointer}
.acc div{display:none;background:#0f1a3a;border:1px solid #223163;border-radius:12px;padding:14px;margin-top:-6px;color:#dbe4ff}
/* OFFER */
.offer .offer-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.offer .price strong{display:block;font-size:40px;margin:2px 0 8px}
.offer .price small{display:block;color:#c7d3ff}
.secure{display:block;color:#a9b7e3;margin-top:6px}
.offer .list{background:#0e193b;border:1px solid #223163;border-radius:16px;padding:18px}
/* CONTACT */
.contact{background:linear-gradient(180deg,#0d1837,#0a1430);border-top:1px solid #1f2d5a;border-bottom:1px solid #1f2d5a;margin-top:22px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}
.contact .social a{color:#b7d8ff}
.formbox{background:#0e1a3a;border:1px solid #223163;border-radius:16px;padding:18px}
/* FOOTER */
.footer{border-top:1px solid #223163;margin-top:26px}
.fgrid{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;gap:10px;align-items:center}
.legal{opacity:.7;text-align:center;padding-bottom:26px}
/* RESPONSIVE */
@media (max-width:920px){.offer .offer-box{grid-template-columns:1fr}.hero{min-height:78vh}.contact-grid{grid-template-columns:1fr}}