:root { color-scheme: light; font-family: Manrope, Arial, sans-serif; color: #111; background: #fff; }
* { box-sizing: border-box; } body { margin: 0; border-top: 12px solid #111; font-size: 16px; line-height: 1.65; } main { max-width: 720px; margin: 48px auto; padding: 0 24px; } h1 { font-size: clamp(28px,5vw,42px); line-height: 1.2; font-weight: 600; letter-spacing: -.03em; } h2 { margin-top: 40px; font-size: 26px; font-weight: 500; } p { max-width: 65ch; } form { margin: 32px 0; } label { display: grid; gap: 8px; margin: 16px 0; } input, button { font: inherit; border-radius: 0; min-height: 48px; padding: 12px; } input { width: 100%; border: 1px solid #b9b9b9; background: #fff; } button { border: 1px solid #d10b12; background: #d10b12; color: #fff; cursor: pointer; } button:disabled { cursor: wait; opacity: .6; } a { color: #111; text-underline-offset: 4px; } a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #d10b12; outline-offset: 4px; } #access-status[role=alert] { color: #ae080e; } .message { border-top: 1px solid #dedede; padding: 24px 0; } nav { display: flex; gap: 24px; flex-wrap: wrap; } nav a { min-height: 44px; display: inline-flex; align-items: center; }