:root { --ink: #101d33; --muted: #60718a; --gold: #b77800; --line: #d8e0eb; --paper: #f7f9fc; }
* { box-sizing: border-box; }
body { background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; margin: 0; }
a { color: inherit; }
.page { margin: 0 auto; max-width: 900px; padding: 42px 28px 70px; }
.brand { align-items: center; display: inline-flex; font-size: 17px; font-weight: 800; gap: 10px; text-decoration: none; }
.brand img { height: 38px; width: 38px; }
.brand span, .kicker { color: var(--gold); }
.back { color: #4d6180; display: inline-block; font-size: 13px; font-weight: 700; margin: 34px 0 30px; text-decoration: none; }
.kicker { font-size: 12px; font-weight: 800; letter-spacing: .11em; margin: 0 0 12px; text-transform: uppercase; }
h1 { font-size: clamp(34px, 6vw, 54px); letter-spacing: -.05em; line-height: .98; margin: 0 0 22px; max-width: 720px; }
.lead { color: #4e617d; font-size: 19px; line-height: 1.5; margin: 0; max-width: 720px; }
main { background: #fff; border: 1px solid var(--line); margin-top: 38px; padding: 38px; }
h2 { font-size: 21px; letter-spacing: -.025em; margin: 34px 0 12px; }
p, li { color: #40536e; font-size: 16px; line-height: 1.62; }
ul, ol { padding-left: 23px; }
.notice { background: #f1f5fa; border-left: 3px solid #f0b216; color: #40536e; font-size: 15px; line-height: 1.55; margin: 28px 0; padding: 16px 18px; }
.notice strong { color: var(--ink); }
.action { background: var(--ink); color: #fff; display: inline-block; font-size: 14px; font-weight: 800; margin-top: 15px; padding: 12px 16px; text-decoration: none; }
.legal { border-top: 1px solid var(--line); color: #61728b; font-size: 12px; line-height: 1.65; margin-top: 40px; padding-top: 24px; }
.legal a { color: var(--ink); font-weight: 700; margin-right: 12px; }
@media (max-width: 620px) { .page { padding: 25px 18px 48px; } main { padding: 25px 21px; } .back { margin: 26px 0; } }