:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: #152238; background: #f3f6fb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; padding: 32px 16px; display: grid; place-items: center; }
.shell { width: min(100%, 720px); background: #fff; border: 1px solid #dce4ef; border-radius: 22px; padding: clamp(22px, 5vw, 42px); box-shadow: 0 18px 50px rgba(21, 34, 56, .08); }
.ribbon { display: inline-block; color: #8a3b10; background: #fff0dc; border: 1px solid #ffd4a3; border-radius: 999px; padding: 7px 12px; font-size: 12px; font-weight: 750; letter-spacing: .03em; }
.mark { width: 54px; height: 54px; border-radius: 16px; background: #e6f7ef; color: #13764a; display: grid; place-items: center; font-size: 30px; margin-top: 24px; }
.eyebrow { margin-top: 24px; color: #526784; font-size: 11px; font-weight: 800; letter-spacing: .12em; overflow-wrap: anywhere; }
h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.15; margin: 10px 0 16px; }
.lead { color: #526078; font-size: 17px; line-height: 1.7; }
.notice { background: #f4f7fb; border: 1px solid #e0e7f0; border-radius: 14px; padding: 18px 20px; margin: 24px 0; line-height: 1.8; }
ul, ol { padding-left: 22px; }
button { background: #1d4ed8; color: #fff; border: 0; border-radius: 10px; padding: 12px 18px; font-size: 15px; font-weight: 700; cursor: pointer; }
button:hover { filter: brightness(.95); }
button:focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }
button.secondary { background: #e7edf7; color: #1b2d49; }
section { margin-top: 28px; padding-top: 20px; border-top: 1px solid #e3e9f2; line-height: 1.8; }
[hidden] { display: none !important; }
#status { min-height: 1.5em; color: #13764a; font-weight: 650; }
footer { margin-top: 28px; color: #69788e; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }