:root{
  --nhs-blue:#005EB8; --nhs-yellow:#FFD200; --ink:#e9eef5;
  --panel:#0f2430; --bg:#0b0f14;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,Arial}
a{color:inherit}
.btn{background:var(--nhs-yellow);color:#000;border:0;border-radius:0;padding:10px 14px;font-weight:900;text-decoration:none;display:inline-block}
.btn.outline{background:transparent;border:2px solid rgba(255,255,255,.35);color:#fff}
.btn.yellow{background:var(--nhs-yellow);color:#000}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.35);color:#fff}
header.nhs-header{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(90deg,#003087,#005EB8)}
header.nhs-header .brand{display:flex;align-items:center;gap:8px;font-weight:900;color:#fff}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px}
footer.safety{padding:14px;text-align:center;background:#0b131c;border-top:1px solid rgba(255,255,255,.08)}
.tile{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.tile .cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;background:var(--nhs-yellow);color:#000;border-radius:0;padding:8px 10px;font-weight:900}
.strip{background:#0072CE;color:#fff;border-radius:10px;padding:10px 12px}
input,textarea,select{background:#0f2430;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;padding:10px}
