:root { --primary:#1E3F5C; --border:#e5e8ed; --bg:#f5f8fb; --card:#fff; --text:#111827; --muted:#64748b; --shadow:0 18px 44px rgba(15,23,42,.08); }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Inter',sans-serif; color:var(--text); background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%); line-height:1.75; padding-top:var(--site-nav-h-px,80px); }
.hero { padding:56px 20px 28px; text-align:center; color:#fff; background:radial-gradient(circle at top right, rgba(55,162,181,.16), transparent 28%), linear-gradient(135deg,#0c2747 0%,#1d4568 50%,#325d84 100%); }
.hero h1 { font-family:'Lato',sans-serif; font-size:clamp(2.2rem,5vw,3.5rem); font-weight:900; margin-bottom:12px; }
.hero p { max-width:720px; margin:0 auto; color:rgba(255,255,255,.9); }
.wrap { max-width:980px; margin:28px auto 60px; padding:0 20px; }
.card { background:var(--card); border:1px solid var(--border); border-radius:22px; box-shadow:var(--shadow); padding:clamp(24px,4vw,42px); }
h2 { font-family:'Lato',sans-serif; font-size:clamp(1.35rem,3vw,1.85rem); color:var(--primary); margin:24px 0 10px; }
h2:first-child { margin-top:0; }
p, li { color:#334155; font-size:1rem; }
ul { padding-left:18px; margin-top:10px; }
li + li { margin-top:8px; }
.note { margin-top:28px; padding-top:18px; border-top:1px solid var(--border); color:var(--muted); font-size:.96rem; }
@media (max-width:640px) { .hero { padding:40px 16px 22px; } .wrap { margin:20px auto 42px; padding:0 14px; } }
.skip-link { position:absolute; left:-9999px; top:0; background:#1E3F5C; color:#fff; padding:0.5rem 1rem; font-weight:600; z-index:99999; border-radius:0 0 8px 0; text-decoration:none; }
.skip-link:focus { left:0; }