:root { color-scheme: light dark; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
    body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; background: light-dark(#f5f7fa, #101820); color: light-dark(#203040, #e8edf2); }
    main { box-sizing: border-box; width: min(100% - 2rem, 640px); padding: clamp(1.75rem, 5vw, 3rem); background: light-dark(#fff, #1b2732); border: 1px solid light-dark(#dce3e9, #354452); border-radius: 14px; box-shadow: 0 12px 36px #0000000b; }
    .eyebrow { color: light-dark(#496984, #a3c7e5); font-weight: 700; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }
    h1 { font-size: clamp(1.75rem, 4vw, 2.4rem); line-height: 1.2; margin: .8rem 0 1rem; }
    p { line-height: 1.7; max-width: 60ch; }
    a { color: light-dark(#125a93, #93cbf8); text-underline-offset: .2em; }
    a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
    footer { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid light-dark(#dce3e9, #354452); }