:root { color-scheme: light; font-family: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { align-items: center; background: radial-gradient(circle at 85% 0%, #d4a85a24, transparent 27rem), #fbfbfb; color: #2d2e2f; display: flex; justify-content: center; margin: 0; min-height: 100vh; padding: 24px; }
main { background: #fff; border: 1px solid #d5cfc3; border-radius: 20px; box-shadow: 0 18px 42px #1f3a5f18; max-width: 400px; padding: 32px; width: 100%; }
.brand { align-items: center; display: flex; gap: 12px; margin-bottom: 36px; }
.brand img { height: auto; width: 116px; }
.brand span { border-left: 1px solid #d5cfc3; color: #636466; font-size: 11px; font-weight: 700; letter-spacing: .03em; padding-left: 12px; }
h1 { color: #1f3a5f; font-size: 28px; letter-spacing: -.04em; line-height: 1.1; margin: 0 0 10px; }
p { color: #636466; font-size: 14px; line-height: 1.55; margin: 0; }
label { color: #1f3a5f; display: block; font-size: 13px; font-weight: 750; margin: 22px 0 7px; }
input { background: #fff; border: 1px solid #d5cfc3; border-radius: 12px; color: #2d2e2f; font: inherit; padding: 12px 13px; width: 100%; }
input:focus { border-color: #c9512f; outline: 3px solid #c9512f24; }
button { background: #1f3a5f; border: 0; border-radius: 12px; color: #f2eee5; cursor: pointer; font: inherit; font-size: 14px; font-weight: 800; margin-top: 24px; padding: 13px; width: 100%; }
button:hover { background: #274b79; }
button:disabled { cursor: wait; opacity: .65; }
#message { color: #c9512f; font-size: 13px; min-height: 20px; padding-top: 14px; }
#totp-setup, #backup-codes { background: #f2eee5; border: 1px solid #d5cfc3; border-radius: 12px; margin-top: 18px; padding: 14px; }
#totp-setup code { color: #1f3a5f; display: block; font-size: 13px; font-weight: 700; margin: 10px 0; overflow-wrap: anywhere; }
#totp-setup a { color: #1f3a5f; font-size: 13px; font-weight: 700; }
#backup-code-list { color: #1f3a5f; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; font-weight: 700; line-height: 1.75; margin: 10px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }