:root{
  --bg:#0b1324; --bg-alt:#0f1b34; --card:#132244; --text:#e6eefb; --muted:#a9b7d3;
  --brand1:#29d0e9; --brand2:#1c56ff; --shadow:0 18px 50px rgba(0,0,0,.3);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
img{max-width:100%;display:block}
a{color:var(--text);text-decoration:none}
.container{width:min(1200px,92%);margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,19,36,.78);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.15);color:var(--text);padding:.5rem .7rem;border-radius:10px}
.nav-menu{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}
.nav-menu a{opacity:.9}
.nav-menu a:hover{opacity:1}
.hero{padding:5rem 0 3rem;background:radial-gradient(1100px 480px at 80% -10%, rgba(28,86,255,.28), transparent 60%), radial-gradient(1000px 500px at 0% 0%, rgba(41,208,233,.2), transparent 50%)}
.section{padding:3.6rem 0}
.section.alt{background:var(--bg-alt)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.1rem;box-shadow:var(--shadow)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.form label{display:block;margin-bottom:.9rem;font-weight:700}
.form input,.form textarea{width:100%;padding:.9rem 1rem;border-radius:12px;background:#0f274f;border:1px solid rgba(255,255,255,.14);color:var(--text);font-size:1rem}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--brand1);box-shadow:0 0 0 3px rgba(41,208,233,.25)}
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:1.2rem 0;background:#081024}
.footer-inner{display:flex;align-items:center;justify-content:space-between}
.to-top{border:1px solid rgba(255,255,255,.15);padding:.4rem .6rem;border-radius:8px}
@media (max-width:1024px){.cards{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}
@media (max-width:640px){.cards{grid-template-columns:1fr}}