:root { color-scheme: light; font-family: system-ui, sans-serif; }
body { margin: 0; background: #f4f6f8; color: #17202a; }
main { max-width: 28rem; margin: 8vh auto; padding: 2rem; background: #fff; border: 1px solid #d8dee4; border-radius: .75rem; }
label { display: block; margin-top: 1rem; font-weight: 600; }
input, select { box-sizing: border-box; width: 100%; margin-top: .35rem; padding: .7rem; border: 1px solid #8c959f; border-radius: .35rem; background: #fff; color: inherit; }
.language-field { margin-bottom: 1.5rem; }
.language-field label { margin-top: 0; }
button { width: 100%; margin-top: .75rem; padding: .75rem; border: 0; border-radius: .35rem; background: #185abc; color: #fff; font-weight: 700; }
button.secondary { background: #394b59; }
button:disabled { opacity: .55; }
#firebase-status { min-height: 2.5rem; margin-top: 1rem; }
.request-expiry { color: #57606a; font-size: .875rem; }
html[dir="rtl"] main { text-align: right; }