:root {
  color-scheme: light;
  --navy:#0f2f56;
  --blue:#1f6fbc;
  --gold:#f4b321;
  --bg:#f4f8fb;
  --text:#102033;
  --muted:#526371;
  --border:#d7e1ea;
  --danger:#fff3cd;
}
* { box-sizing: border-box; }
body { margin:0; font-family: Segoe UI, Arial, Helvetica, sans-serif; background:linear-gradient(135deg,#eef6ff,#ffffff 42%,#f8fbff); color:var(--text); }
.page-shell { width:min(1100px, calc(100% - 32px)); margin:0 auto; padding:32px 0 48px; }
.hero { background:var(--navy); color:#fff; border-radius:28px; padding:34px; box-shadow:0 20px 50px rgba(15,47,86,.25); }
.brand-block { display:flex; align-items:center; gap:18px; }
.logo-header { align-items:center; }
.logo-image { width:min(320px, 42vw); max-height:110px; object-fit:contain; display:block; background:#fff; padding:10px; border-radius:16px; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.eyebrow { margin:0 0 4px; color:#c8d9eb; letter-spacing:.08em; text-transform:uppercase; font-size:.82rem; font-weight:700; }
h1 { margin:0; line-height:1.08; font-size:clamp(2rem, 5vw, 4rem); }
.lead { max-width:780px; margin:24px 0; font-size:1.2rem; line-height:1.6; color:#e7f1fb; }
.action-row { display:flex; flex-wrap:wrap; gap:14px; margin:26px 0 12px; }
a { color:var(--blue); }
.primary-button,.secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; border-radius:999px; padding:0 22px; font-weight:750; text-decoration:none; }
.primary-button { background:var(--gold); color:#102033; }
.secondary-button { background:#ffffff18; color:#fff; border:1px solid #ffffff55; }
.small-note { margin:14px 0 0; color:#c8d9eb; font-size:.95rem; }
.card { background:#fff; border:1px solid var(--border); border-radius:22px; margin-top:22px; padding:26px; box-shadow:0 10px 35px rgba(15,47,86,.08); }
.warning { border-left:8px solid var(--gold); background:linear-gradient(90deg,var(--danger),#fff 22%); }
h2 { margin:0 0 14px; color:var(--navy); font-size:1.55rem; }
h3 { margin:0 0 10px; color:var(--navy); }
p { line-height:1.62; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
article { border:1px solid var(--border); background:#fbfdff; border-radius:18px; padding:18px; }
ol { padding-left:1.35rem; }
li { margin:.45rem 0; line-height:1.45; }
@media (max-width:760px){ .grid { grid-template-columns:1fr; } .hero { padding:24px; border-radius:20px; } .brand-block { align-items:flex-start; flex-direction:column; } .logo-image { width:min(280px, 100%); max-height:95px; } }
@media print{ body{background:#fff;} .hero{box-shadow:none;} .primary-button,.secondary-button{border:1px solid #555;} }