:root { color-scheme:light; --navy:#0f2c5c; --ink:#172033; --muted:#5e687a; --line:#dfe5ed; --soft:#f5f7fa; --green:#158c6b; }
    * { box-sizing:border-box; }
    body { margin:0; color:var(--ink); background:#eef2f6; font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    header { padding:42px 20px 36px; color:#fff; background:linear-gradient(135deg,var(--navy),#174782); }
    header div, main, footer div { width:min(820px,100%); margin:auto; }
    h1 { margin:0; font-size:clamp(30px,5vw,46px); line-height:1.12; }
    h2 { margin:34px 0 10px; color:var(--navy); font-size:22px; }
    main { margin:28px auto; padding:clamp(24px,5vw,54px); border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 18px 48px rgba(15,44,92,.08); }
    p, li { color:#354056; }
    ol, ul { padding-left:22px; }
    .action { margin:24px 0; padding:22px; border:1px solid #b9ddd2; border-radius:14px; background:#edf8f4; }
    .button { display:inline-block; margin-top:8px; padding:12px 18px; border-radius:10px; color:#fff; background:var(--green); font-weight:750; text-decoration:none; }
    a { color:#0b66c3; }
    footer { padding:10px 20px 36px; text-align:center; }
    footer p { color:var(--muted); font-size:14px; }
    @media (max-width:640px) { main { margin:0; border:0; border-radius:0; } }