@font-face{font-family:Onest;src:url('/assets/onest-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
:root{font-family:Onest,system-ui,sans-serif;background:#f5f6f8;color:#101828}
body{margin:0;min-width:300px}
.login-page{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:30px 20px;background:#fff}
.login-content{width:min(100%,370px)}
.logo{display:block;width:130px;height:auto;margin:0 0 55px}
.logo-dark{display:none}
h1{margin:0;font-size:38px;line-height:1.1;letter-spacing:-.055em}
h1 span{color:#0043ce}
.intro{margin:11px 0 29px;color:#667085;font-size:14px;line-height:1.5}
form{display:grid;gap:9px}
label{font-size:13px;font-weight:650;color:#465367}
input{width:100%;height:50px;padding:0 14px;border:1px solid #d9e1eb;border-radius:10px;background:#fff;color:#172033;font:inherit;font-size:16px}
input:focus{outline:3px solid #dce8ff;border-color:#749df6}
button{height:50px;margin-top:8px;border:0;border-radius:10px;background:#0043ce;color:#fff;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:#0036ad}
button:disabled{opacity:.65;cursor:wait}
.error{margin:1px 0 0;color:#b03245;font-size:12px;line-height:1.4}
.hint{margin:18px 0 0;color:#8994a4;font-size:12px}
[data-theme="dark"]{color-scheme:dark;background:#000;color:#f4f4f4}
[data-theme="dark"] .login-page{background:#000}
[data-theme="dark"] .logo-light{display:none}
[data-theme="dark"] .logo-dark{display:block}
[data-theme="dark"] h1 span{color:#0f62fe}
[data-theme="dark"] .intro,[data-theme="dark"] .hint{color:#aaa}
[data-theme="dark"] label{color:#ddd}
[data-theme="dark"] input{background:#141414;border-color:#3b3b3b;color:#fff}
[data-theme="dark"] input:focus{outline-color:#2d3f65}
[data-theme="dark"] .error{color:#ff9aaa}