:root { color-scheme: light; font: 16px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #202630; background: #f3f5fa; }
* { box-sizing: border-box; }
body { min-height: 100dvh; display: grid; place-items: center; margin: 0; padding: 24px; background: #f4f5f6; }
main { width: min(460px, 100%); background: #fff; border: 1px solid #e5ebf5; border-radius: 5px; padding: 32px; box-shadow: none; }
.brand { display: inline-flex; align-items: center; gap: 12px; color: #26364f; font-size: 19px; font-weight: 750; letter-spacing: -.5px; text-decoration: none; }
.brand-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 5px; background: #f0f3f6; color: #374151; }
h1 { font-size: 26px; font-weight: 750; line-height: 1.15; letter-spacing: -.5px; margin: 36px 0 14px; }
p, small { color: #657182; }
label { display: block; font-weight: 600; color: #475871; font-size: 13px; margin: 20px 0 8px; }
input { width: 100%; font: inherit; color: #25364e; background: #f7f9fc; border: 1px solid #dce4f0; border-radius: 5px; padding: 12px 14px; }
:is(input, button, a):focus-visible { outline: 3px solid #1685ed; outline-offset: 3px; }
button { width: 100%; border: 0; border-radius: 5px; background: #0068db; color: #fff; padding: 14px 22px; font: 650 14px system-ui; cursor: pointer; box-shadow: none; }
button:hover { background: #0056bd; }
button:disabled { opacity: .5; cursor: wait; }
.back { display: block; text-align: center; color: #0065d3; margin-top: 28px; font-size: 13px; text-decoration: none; }
.back:hover { text-decoration: underline; }
small { display: block; margin-top: 12px; font-size: 12px; }
[hidden] { display: none !important; }
#message { font-size: 13px; }
#message.error { color: #b93649; }
@media (max-width: 480px) { body { padding: 14px; } main { padding: 30px 24px; border-radius: 5px; } h1 { font-size: 25px; } }