:root{--bg:#0b1020;--card:#121a33;--ink:#e9eefc;--muted:#a7b0c8;--brand:#7aa2ff;--brand2:#92f2c2}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font:16px/1.6 system-ui,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#0b1020 0%,#0f1630 100%)}
.container{max-width:1100px;margin:0 auto;padding:1.25rem}
.site-header{position:sticky;top:0;background:rgba(11,16,32,.7);backdrop-filter:blur(6px);border-bottom:1px solid #223}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:700}
.nav a{margin-left:1rem;color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--ink)}
.hero{padding:6rem 0 3rem;background:radial-gradient(1000px 400px at 10% 10%,rgba(122,162,255,.25),transparent),radial-gradient(1200px 500px at 90% 20%,rgba(146,242,194,.2),transparent)}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .75rem}
.hero p{max-width:60ch;color:var(--muted)}
.cta-row{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:14px;background:var(--brand);color:#0b1020;text-decoration:none;font-weight:700}
.btn-secondary{background:transparent;border:1px solid var(--brand);color:var(--ink)}
.section{padding:3rem 0}
.alt{background:rgba(255,255,255,.02)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid #223;border-radius:16px;padding:1rem}
.card h3{margin-top:0}
.muted{color:var(--muted)}
.contact-list{list-style:none;padding:0}
.contact-list li{margin:.25rem 0}
.note{color:var(--muted);font-size:.95rem}
.site-footer{border-top:1px solid #223}
.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.legal{padding:2rem 0}
.legal h1{margin-top:0}