:root{
  --bg:#0b1020; --panel:#121a2d; --text:#eef3ff; --muted:#b7c4e4;
  --line:rgba(255,255,255,.12); --accent:#7aa7ff; --accent2:#93ffd1;
  --shadow:0 18px 48px rgba(0,0,0,.42); --radius:20px; --max:1120px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif;
  color:var(--text);
  background:
    radial-gradient(1000px 600px at 10% 0%, rgba(122,167,255,.16), transparent 55%),
    radial-gradient(900px 500px at 90% 8%, rgba(147,255,209,.08), transparent 50%),
    linear-gradient(180deg,#0b1020,#0a0f1d 45%,#09101b);
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(18,26,45,.72);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,rgba(122,167,255,.96),rgba(147,255,209,.92));box-shadow:0 12px 30px rgba(122,167,255,.22)}
.links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.links a{color:var(--muted);padding:8px 10px;border-radius:10px;border:1px solid transparent}
.links a:hover,.links a.active{color:var(--text);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}
.cta{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(122,167,255,.16);border:1px solid rgba(122,167,255,.34)}
.panel,.card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,26,45,.74);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.panel{padding:30px;margin-top:22px}.card{padding:20px}
h1{font-size:42px;line-height:1.05;margin:0 0 14px} h2{font-size:28px;line-height:1.12;margin:0 0 12px} h3{font-size:20px;margin:0 0 8px}
p{margin:0 0 14px;color:var(--muted);line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);font-size:12px;font-weight:700}
.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:700;cursor:pointer;color:var(--text)}
.btn:hover{background:rgba(255,255,255,.08)}
.btn.primary{color:#08101f;background:linear-gradient(135deg,rgba(122,167,255,.98),rgba(122,167,255,.62));border-color:rgba(122,167,255,.45)}
.stat{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
.hr{height:1px;background:var(--line);margin:18px 0}
label{display:block;margin-top:14px;margin-bottom:6px;font-weight:700;color:var(--text)}
select,input[type=email]{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font-size:15px}
select option{background:#121a2d;color:#eef3ff}
.footer{margin-top:24px}.footer-inner{border:1px solid var(--line);border-radius:18px;background:rgba(18,26,45,.64);padding:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-links a{color:var(--muted)}
.quote{padding:16px 18px;border-left:3px solid rgba(122,167,255,.5);background:rgba(255,255,255,.03);border-radius:14px;color:var(--muted)}
@media (max-width:760px){.nav{border-radius:18px;align-items:flex-start;flex-direction:column}.col-4,.col-6,.col-12{grid-column:span 12}h1{font-size:34px}.panel{padding:22px}}