/* ===== Typography: Orbitron for headings ===== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap');

:root{
  --bg:#0f1012;
  --panel:#171a1f;
  --ink:#e9e9ea;
  --ink-dim:#b8b8be;
  --line:#23262c;
  --radius:14px;
}
html,body{height:100%}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}

/* Headings in Orbitron */
h1,h2,h3,h4,.section-title,.brand .wordmark,.nav a{
  font-family:Orbitron,system-ui,sans-serif;
  letter-spacing:.02em;
}

/* ===== Containers ===== */
.container{max-width:1120px;margin:0 auto;padding:0 18px}
.section{padding:28px 0}
.section-title{margin:0 0 .35rem}

/* ===== Header / Nav ===== */
.site-header{position:sticky;top:0;background:rgba(15,16,18,.92);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid #0a0b0d;z-index:100}
.header-grid{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 0}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none}
.brand .wordmark{font-weight:700;letter-spacing:.02em}
.nav a{color:var(--ink);text-decoration:none}
.nav{display:flex;gap:.55rem;align-items:center}

/* ===== Footer ===== */
.site-footer{border-top:1px solid #0a0b0d;background:#0c0d0f;padding:16px 0;margin-top:40px}
.footer-grid{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}
.footer-nav a{color:var(--ink);opacity:.85;margin-right:.6rem;text-decoration:none}
.footer-nav a:hover{text-decoration:underline}

/* ===== Cards / Forms ===== */
.card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.card h3{margin:.2rem 0 .5rem}
input,textarea{
  background:#0f1216;border:1px solid #23262c;color:var(--ink);
  border-radius:10px;padding:.65rem .8rem;outline:none
}
input:focus,textarea:focus{border-color:#3a3f47}
.form-status{font-size:.9rem;color:#ffb86b}

/* ===== Portal grid ===== */
.portal-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:20px}
@media (max-width: 960px){ .portal-grid{grid-template-columns:1fr} }

/* ===== Utility ===== */
.logo-badge{height:36px;width:auto}
.brand.tiny .logo{height:22px;width:auto;margin-right:.4rem}

/* ===== Home blurbs ===== */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
@media (max-width: 960px){ .grid-3{grid-template-columns:1fr} }
.muted{color:var(--ink-dim)}