@font-face{font-family:Raleway;src:url('/login/brand/raleway-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Raleway;src:url('/login/brand/raleway-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;font-family:Raleway,Arial,sans-serif;color:#f2f0eb;background:#202222}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:48px 24px;border-top:4px solid #eb7f30}
main{width:min(100%,430px)}
.logo{display:block;width:190px;height:auto;margin:0 0 48px;padding:12px 16px;background:#dedede;border-radius:3px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#f4a461;font-size:.72rem;font-weight:700;margin-bottom:16px}
h1{font-size:clamp(2.4rem,8vw,3.35rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px}
.intro{color:#c8c9c5;line-height:1.65;margin:0 0 30px}
label{display:block;font-size:.86rem;margin:18px 0 9px}
input{display:block;width:100%;min-height:50px;padding:12px 14px;background:#2b2e2d;border:1px solid #737874;border-radius:3px;color:inherit;font:inherit}
input:focus-visible,button:focus-visible{outline:3px solid #ffb478;outline-offset:4px}
button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;background:#ee873b;color:#1c201d;border:0;border-radius:3px;padding:14px 18px;margin-top:26px;font:700 1rem Raleway,Arial,sans-serif;cursor:pointer}
button:hover{background:#f6a265}button:disabled{opacity:.65;cursor:wait}
#message{min-height:1.5em;color:#ffbc91;font-size:.9rem;line-height:1.5}
.support{border-top:1px solid #444946;padding-top:22px;margin-top:24px;color:#b2b6b1;font-size:.78rem;line-height:1.7}
@media(max-width:480px){body{place-items:start center;padding-top:32px}.logo{margin-bottom:36px}}