:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;background:#101010;color:#ededed}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
button,input{font:inherit;border-radius:4px}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button,a,input{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:2px solid #aaa;outline-offset:4px}
[hidden]{display:none!important}
svg{flex:0 0 auto;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:0 36px}
.brand{display:inline-flex;align-items:baseline;gap:12px}
.brand strong{font-size:20px;font-weight:650;letter-spacing:-.65px}
.brand>span{font-size:11px;font-weight:400;color:#737373;letter-spacing:0;text-transform:lowercase}
.language-switch{display:flex;gap:4px}
.language-switch button{width:36px;height:32px;padding:0;border:0;background:transparent;color:#717171;font-size:11px;font-weight:500}
.language-switch button[aria-pressed=true]{color:#e9e9e9;background:#242424}
.language-switch button:hover{color:#fff}
main{flex:1;display:grid;place-items:center;padding:56px 24px 80px}
.login{width:100%;max-width:352px}
.section-label{display:none}
h1{margin:0;font-size:27px;font-weight:600;letter-spacing:-.7px;line-height:1.3}
.description{margin:10px 0 32px;color:#858585;font-size:13px;line-height:1.65}
form{display:grid;gap:20px}
.field{display:grid;gap:8px;min-width:0}
label{color:#bdbdbd;font-size:12px;font-weight:400;line-height:1.5}
input{width:100%;min-width:0;height:44px;padding:10px 12px;background:#191919;border:1px solid #353535;color:#ededed;font-size:14px;line-height:1.5;transition:border-color .15s}
input:hover{border-color:#505050}
input:focus-visible{outline:none;border-color:#999;box-shadow:0 0 0 1px #999}
input[aria-invalid=true]{border-color:#b26b6b}
input:autofill{box-shadow:0 0 0 100px #191919 inset}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #191919 inset;-webkit-text-fill-color:#ededed}
.password-field{position:relative}
.password-field input{padding-right:46px}
.password-toggle{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#777}
.password-toggle:hover{color:#ddd}
.password-toggle svg{width:17px;height:17px}
.password-toggle .eye-closed,.password-toggle[aria-pressed=true] .eye-open{display:none}
.password-toggle[aria-pressed=true] .eye-closed{display:block}
.submit{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;padding:10px 16px;border:1px solid #ddd;background:#e5e5e5;color:#171717;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;transition:background .15s}
.submit svg{display:none}
.submit:hover:not(:disabled){background:#fff}
.submit:disabled{cursor:default;opacity:.5}
.error,.no-script{margin:0;padding:0;color:#d6a1a1;background:transparent;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.access-note{margin:22px 0 0;color:#626262;font-size:11px;line-height:1.6;text-align:center}
.access-note svg{display:none}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 36px;color:#666;font-size:11px;line-height:1.5}
.footer>span{color:#4f4f4f}
.footer a:hover{color:#bbb}
@media(max-width:600px){.topbar{min-height:64px;padding:0 24px}.brand strong{font-size:19px}main{padding:40px 24px 64px}.footer{padding:20px 24px}input{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}