:root{
  --ink:#0b1430; --bg:#0c1536; --brand:#1a4cff; --brand-ink:#0a2ac0; --muted:#c9d2ff;
}
*{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:#eaf0ff;font-family:system-ui,Segoe UI,Roboto,Arial}
.wrap{width:min(1100px,92%);margin:0 auto}
.topbar{position:sticky;top:0;z-index:10;background:rgba(8,12,30,.6);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0}
.brand{font-weight:800;letter-spacing:.3px}
.brand span{color:var(--muted)}
nav a{color:#e9edff;text-decoration:none;margin-left:1rem;font-weight:500;opacity:.9}
nav a:hover{opacity:1}
.btn{display:inline-block;padding:.85rem 1.1rem;border-radius:.7rem;background:var(--brand);color:white;text-decoration:none;font-weight:800;border:0;cursor:pointer}
.btn:hover{background:var(--brand-ink)} .btn-alt{background:transparent;border:1px solid #2a3569;color:#e9edff}
.btn.big{font-size:1.05rem;min-width:240px;text-align:center}
.btn-small{padding:.45rem .7rem;font-size:.9rem}
.hero{background:radial-gradient(55% 80% at 20% 20%, rgba(35,60,160,.35), transparent 60%), radial-gradient(55% 80% at 100% 0%, rgba(60,120,255,.22), transparent 60%);}
.hero-content{display:grid;gap:2rem;padding:2.8rem 0;grid-template-columns:1.15fr .85fr;align-items:center}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .5rem} .hero p{margin:.2rem 0 1.1rem;color:#dfe6ff}
.portrait{width:100%;max-width:460px;border-radius:1rem;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 36px rgba(0,0,0,.25)}
.cta .btn{margin-right:.5rem} .mini{color:#c9d4ff;font-size:.95rem}
.section{padding:3.2rem 0} .section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)} .grid-2{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.2rem}
h2,h3{color:#eff3ff;margin-top:0}
.ticks{list-style:none;padding-left:1rem} .ticks li{margin:.4rem 0;position:relative} .ticks li:before{{content:'✓';position:absolute;left:-1rem;color:#9ef1b6}}
.download{display:inline-block;margin-top:.8rem;background:#0f1c46;color:#e9f0ff;border:1px solid #2a3569;padding:.9rem 1.1rem;border-radius:.7rem;text-decoration:none;font-weight:700}
.download:hover{background:#13225a}
.contact-grid{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0 2rem}
.contact-form label{display:block;color:#e6ebff}
.contact-form input,.contact-form textarea{width:100%;margin-top:.35rem;padding:.8rem;border-radius:.6rem;border:1px solid #2a3569;background:#0f1b3d;color:#eaf0ff}
.footer{padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.06);background:#0a1129;color:#c7cff7;text-align:center}
@media (max-width:980px){.hero-content{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}