 :root {\n  --success: #2d8a4e;\n  --danger: #c43a3a; color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #132b3d; background: #edf4f4; line-height: 1.55; --navy: #102d49; --blue: #126b80; --gold: #f5bd35; --lime: #c9e84a; --line: #d8e5e5; --muted: #617984; --surface: #fff; --shadow: 0 1rem 2.8rem rgb(16 45 73 / 10%); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: radial-gradient(ellipse at 88% 14%, rgb(201 232 74 / 15%), transparent 26rem), linear-gradient(180deg, #f5f9f8 0, #edf4f4 38rem); margin: 0; min-height: 100vh; }
h1, h2, p { margin-top: 0; }
h1 { font-size: clamp(2.2rem, 7vw, 4.6rem); line-height: 1.05; }
h2 { color: var(--navy); font-size: clamp(1.45rem, 3vw, 2.1rem); line-height: 1.2; }
a { color: var(--blue); }
button, input, select { font: inherit; }
button { cursor: pointer; }
main { display: grid; gap: 1.5rem; margin: 0 auto; max-width: 78rem; padding: clamp(1.25rem, 3vw, 2.75rem) clamp(1rem, 3vw, 2rem) 4rem; }
.card { background: var(--surface); border: 1px solid rgb(216 229 229 / 85%); border-radius: 1.35rem; box-shadow: var(--shadow); padding: clamp(1.1rem, 3vw, 2.25rem); }
.eyebrow { color: var(--blue); font-size: .76rem; font-weight: 850; letter-spacing: .14em; margin-bottom: .55rem; text-transform: uppercase; }
.muted { color: var(--muted); }
.sr-only { height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; clip: rect(0, 0, 0, 0); }
.status { color: var(--muted); min-height: 1.5rem; }
footer { align-items: center; background: var(--navy); color: #d9e6ed; display: flex; gap: 1rem; justify-content: space-between; padding: 1.5rem max(1rem, calc((100% - 74rem) / 2)); }
footer a { color: #fff; }
.footer-meta { align-items: center; display: flex; flex-wrap: wrap; gap: .35rem 1rem; }
#app-version { color: #fff; font-variant-numeric: tabular-nums; }

::selection { background: var(--lime); color: var(--navy); }
:focus-visible { outline: 3px solid #e3ad21; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
