:root{--bg:#0B1220;--card:#0F172A;--muted:#94A3B8;--primary:#0B5CFF;--accent:#22D3EE;--radius:18px;--max:1200px;--shadow:0 12px 32px rgba(2,6,23,.35)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0B1220;color:#E5E7EB;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:#D1E7FF;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.card{background:var(--card);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.grid{display:grid;gap:16px}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),#23A3FF);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700}
.btn.small{padding:8px 12px;border-radius:10px}
.mini{font-size:13px;color:var(--muted)}
.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,11,19,.65);backdrop-filter:blur(8px);border-bottom:1px solid rgba(148,163,184,.2)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.brand .logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent))}
.footgrid{display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr;border-top:1px solid rgba(148,163,184,.2);padding-top:16px}
@media (max-width: 960px){.cols-2,.cols-3{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}
/* --- Normalize header to match the landing page --- */
:root{ --max:1200px; --muted:#94A3B8; --primary:#0B5CFF; --accent:#22D3EE; --card:#0F172A; --radius:20px; --shadow:0 20px 50px rgba(2,6,23,.35); }

html,body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:#E5E7EB;
}

.site-header{ /* style same as inline header */
  position: sticky; top: 0; z-index: 50;
  background: rgba(7,11,19,0.65);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(148,163,184,.15);
}

.container{ max-width: var(--max); margin-inline:auto; padding:0 20px; }

.nav{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; }

.brand{ display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.2px; }
.brand .logo{ width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,var(--primary),var(--accent)); box-shadow:0 10px 30px rgba(35,163,255,.35); }

.nav .menu{ display:flex; gap:18px; list-style:none; margin:0; padding:0; }
.nav .menu a{ opacity:.9; font-size:14.5px; line-height:1; }

/* Buttons consistent with landing */
.btn{ display:inline-flex; align-items:center; gap:10px; border:none; background:linear-gradient(135deg,#0B5CFF,#23A3FF); color:#fff; padding:12px 18px; border-radius:14px; font-weight:700; box-shadow:0 10px 30px rgba(11,92,255,.35); cursor:pointer; }
.btn.small{ padding:10px 14px; border-radius:12px; font-weight:600; }
.btn.secondary{ background:transparent; border:1px solid rgba(148,163,184,.25); color:#E5E7EB; box-shadow:none; }

/* --- Normalize footer to match the landing page --- */
footer{ padding:40px 0; border-top:1px solid rgba(148,163,184,.2); color:#A7B5CC; }
.footgrid{ display:grid; gap:18px; grid-template-columns:2fr 1fr 1fr 1fr; }
footer h4{ margin:0 0 10px; font-size:16px; font-weight:700; }
footer .list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
footer .brand{ display:flex; align-items:center; gap:12px; font-weight:800; }
footer .brand .logo{ width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,var(--primary),var(--accent)); box-shadow:0 10px 30px rgba(35,163,255,.35); }
footer .mini{ font-size:13px; color:#94A3B8; }

/* Responsive grid parity */
@media (max-width:960px){
  .footgrid{ grid-template-columns:1fr 1fr; }
}