:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #10263d; background: #f3f6f5; }
* { box-sizing: border-box; }
body { min-width: 320px; min-height: 100vh; margin: 0; padding: 1.25rem; }
main { width: min(100%, 42rem); margin: clamp(2rem,8vw,7rem) auto; }
a { color: #087f8c; }
.eyebrow { margin-top: 3rem; color: #087f8c; font-size: .75rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: .4rem 0 2rem; font-size: clamp(2.3rem,7vw,4.5rem); letter-spacing: -.045em; }
section { padding: clamp(1.5rem,5vw,3.5rem); border: 1px solid #d9e0df; background: #fff; }
label { display: block; margin: 1.2rem 0 .45rem; font-weight: 680; }
input { width: 100%; min-height: 3.2rem; padding: .75rem; border: 1px solid #aab7ba; font: inherit; }
button { width: 100%; margin-top: 1.5rem; padding: .9rem 1.2rem; border: 1px solid #087f8c; color: #fff; background: #087f8c; cursor: pointer; font: inherit; font-weight: 720; }
button:disabled { cursor: wait; opacity: .65; }
:focus-visible { outline: 3px solid rgba(8,127,140,.28); outline-offset: 3px; }
#reset-request-status, #reset-complete-status { min-height: 1.5rem; color: #a33a3a; }
[data-state="success"] { color: #176c4d !important; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { transition-duration: .01ms !important; } }