/* Shared styles for placeholder/stub pages.
   Mirrors the prototype design system: deep-navy bg, ambient grid + bloom,
   Inter, pill buttons, 16px card radius. Used by the 11 footer stub pages. */

:root{
  --primary:#1E73BE; --secondary:#0DA362; --dark:#1C2D4A;
  --bg:#0a1424; --bg-2:#0f1d34; --surface:#152944;
  --text:#e8eef7; --muted:#93a4bd; --line:rgba(255,255,255,.09);
  --card-radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--bg); color:var(--text);
  font-family:Inter,system-ui,sans-serif; font-weight:300;
  -webkit-font-smoothing:antialiased; min-height:100vh;
  display:flex; flex-direction:column;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(900px 600px at 70% -10%, rgba(30,115,190,.18), transparent 60%),
    linear-gradient(transparent 95%, rgba(255,255,255,.03) 95%) 0 0/100% 40px,
    linear-gradient(90deg, transparent 95%, rgba(255,255,255,.03) 95%) 0 0/40px 100%;
}
header.top{
  position:fixed; top:0; left:0; right:0; z-index:10;
  display:flex; align-items:center; gap:28px;
  padding:18px 40px; backdrop-filter:blur(12px);
  background:rgba(10,20,36,.72); border-bottom:1px solid var(--line);
}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text);text-decoration:none;font-size:15px}
.logo img{width:26px;height:26px;border-radius:6px}
nav.main{display:flex;gap:26px;margin-left:auto}
nav.main a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:400}
nav.main a:hover{color:var(--text)}
.nav-cta{background:var(--primary);color:#fff;text-decoration:none;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:500}

main{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:160px 24px 100px}
.stub{max-width:640px;text-align:center}
.kicker{
  display:inline-block; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--secondary); border:1px solid rgba(13,163,98,.35);
  background:rgba(13,163,98,.08); padding:5px 12px; border-radius:999px; margin-bottom:22px;
}
h1{font-size:clamp(30px,5vw,46px);font-weight:600;letter-spacing:-.02em;margin-bottom:16px}
p.lede{color:var(--muted);font-size:17px;line-height:1.65;margin-bottom:12px}
p.lede a{color:var(--primary);text-decoration:none}
p.lede a:hover{text-decoration:underline}
p.note{color:#6f819c;font-size:13px;line-height:1.6;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.actions{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.btn-primary,.btn-secondary{padding:11px 22px;border-radius:999px;font-size:14px;font-weight:500;text-decoration:none}
.btn-primary{background:var(--primary);color:#fff}
.btn-secondary{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line)}

footer.foot{
  position:relative;z-index:1;border-top:1px solid var(--line);
  padding:26px 40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  color:#6f819c;font-size:13px;
}
footer.foot a{color:#93a4bd;text-decoration:none}
footer.foot a:hover{color:var(--text)}
.legal-links{display:flex;gap:16px;flex-wrap:wrap}

@media(max-width:720px){
  header.top{padding:14px 18px;gap:14px}
  nav.main{display:none}
  main{padding:130px 18px 70px}
  footer.foot{justify-content:center;text-align:center}
}