/* SSHRW Base Styles */
:root{
  --navy: #0B1E3A;
  --gold: #FFC247;
  --red: #D62828;
  --ink: #111827;
  --sky: #F5F7FA;
  --slate: #6B7280;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif; color:var(--ink); background:var(--sky); line-height:1.6}
a{color:var(--navy); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.nav{background:var(--navy); color:white; position:sticky; top:0; z-index:50}
.nav .wrap{display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.5rem 1rem}
.brand{display:flex; align-items:center; gap:.75rem}
.brand img{height:38px; width:auto}
.brand .title{font-weight:800; letter-spacing:.2px}
.nav a{color:white}
.nav .menu{display:flex; gap:1rem; align-items:center}
button.nav-toggle{display:none; background:transparent; border:1px solid rgba(255,255,255,.35); color:white; padding:.3rem .5rem; border-radius:6px}
.hero{background:linear-gradient(180deg, #0b1e3a 0, #132a4f 100%); color:white; padding:5rem 1rem 3rem; text-align:center}
.hero h1{font-size: clamp(1.8rem, 2.6vw + 1rem, 3rem); margin:.2rem 0}
.hero p{opacity:.95; max-width:800px; margin:0.5rem auto 1rem}
.hero .cta{display:flex; gap:.75rem; flex-wrap:wrap; justify-content:center; margin-top:1rem}
.btn{display:inline-block; padding:.7rem 1rem; border-radius:10px; font-weight:700; border:2px solid transparent}
.btn.gold{background:var(--gold); color:#1b1b1b}
.btn.ghost{border-color:white; color:white}
.section{padding:2.5rem 1rem; background:white; margin:1.5rem 0; border-radius:14px; box-shadow: 0 2px 8px rgba(3,9,30,.06)}
.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:1rem}
.card{grid-column: span 6; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:1rem}
.card h3{margin-top:0}
.footer{background:#0c1a34; color:#dbe4ff; padding:2rem 1rem; margin-top:3rem}
.footer a{color:#dbe4ff; text-decoration:underline}
.badge{display:inline-block; background:var(--sky); color:var(--navy); border:1px solid #e5e7eb; padding:.2rem .5rem; border-radius:999px; font-size:.8rem}
.alert{border-left:4px solid var(--red); padding:.75rem 1rem; background:#FFF5F5; border-radius:8px}
input, textarea, select{width:100%; padding:.7rem .8rem; border:1px solid #e5e7eb; border-radius:10px; background:white}
label{font-weight:600; font-size:.9rem; color:var(--navy)}
form .row{display:grid; grid-template-columns:1fr 1fr; gap:.75rem}
form .row > *{min-width:0}
form .actions{display:flex; gap:.75rem; align-items:center; margin-top:.75rem}
table{width:100%; border-collapse:collapse}
th,td{padding:.6rem .5rem; border-bottom:1px solid #e5e7eb; text-align:left; font-size:.95rem}
@media (max-width:800px){
  .card{grid-column: span 12}
  .nav .menu{display:none}
  button.nav-toggle{display:inline-block}
}
.dark body{background:#0b1020; color:#e5e7eb}
.dark .section{background:#0f1a30}
.dark .footer{background:#060b1a}
.dark .alert{background:#2b0b0b; border-color:#ff6b6b}