*{box-sizing:border-box}html{font-family:Arial,Helvetica,system-ui,sans-serif;background:#e9e9e9;color:#222;color-scheme:light}body{margin:0}header{height:76px;padding:0 max(24px,calc((100vw - 1012px)/2));display:flex;align-items:center;justify-content:space-between;background:#202020;border-bottom:3px solid #090909;color:#fff}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:1.8px;line-height:1.15}.brand svg{width:28px;height:30px}.brand small{display:block;font-size:9px;color:#bdbdbd;font-weight:400;letter-spacing:1.4px;margin-top:5px}.header-label{font:10px Consolas,"Courier New",monospace;letter-spacing:1px;color:#bdbdbd}main{padding:70px 20px 30px;max-width:460px;margin:auto}.panel{background:#fff;border:1px solid #b6b6b6;border-top:4px solid #242424}.panel-index{padding:14px 26px;border-bottom:1px solid #d4d4d4;display:flex;justify-content:space-between;font:10px Consolas,"Courier New",monospace;letter-spacing:1.2px;color:#666}.intro{padding:28px 26px 0}h1{font-size:29px;letter-spacing:-.7px;line-height:1.1;font-weight:600;margin:0 0 11px}.intro p{font-size:13px;color:#707070;line-height:1.5;margin:0}form{padding:27px 26px 28px}label{font-size:12px;color:#414141}.password-field{display:flex;margin-top:9px;border:1px solid #999;background:#fafafa}.password-field:focus-within{outline:2px solid #282828;outline-offset:2px}.password-field input{font:18px Arial,sans-serif;width:100%;min-width:0;height:49px;background:none;border:0;padding:10px 12px;color:#222;outline:none}.password-field button{font:11px Arial,sans-serif;border:0;border-left:1px solid #d0d0d0;background:#f1f1f1;color:#555;padding:0 13px;cursor:pointer;min-width:73px}.password-field button:hover{background:#e2e2e2}.remember{display:flex;gap:10px;align-items:center;margin:21px 0 26px;font-size:12px;color:#555;cursor:pointer}.remember input{width:16px;height:16px;margin:0;accent-color:#2c2c2c;cursor:pointer}.submit{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:49px;padding:12px 15px;border:1px solid #252525;border-radius:1px;background:#272727;color:#fff;font:500 13px Arial,sans-serif;cursor:pointer}.submit:hover{background:#444}.submit:disabled{opacity:.6;cursor:wait}.submit span:last-child{font-size:20px;font-weight:400}button:focus-visible,a:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid #222;outline-offset:3px}#error{font-size:12px;color:#a12c28;line-height:1.5;border-left:3px solid #b33b32;padding-left:10px;margin:0 0 18px}.panel-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 26px;border-top:1px solid #d4d4d4;background:#f5f5f5;color:#777;font:9px Consolas,"Courier New",monospace;letter-spacing:.6px}.page-footer{text-align:center;font-size:11px;color:#777;margin:20px 0}@media(max-width:600px){header{height:70px;padding:0 19px}.brand{font-size:18px;gap:10px}.brand svg{width:24px;height:27px}.header-label{font-size:9px}main{padding-top:44px}.intro{padding-top:25px}h1{font-size:28px}}@media(max-height:650px){main{padding-top:27px}.intro{padding-top:20px}form{padding-top:22px;padding-bottom:22px}}
html,body{background:#151719;color:#e1e3e4;color-scheme:dark}
header{background:#101214;border-bottom-color:#050607}
.panel{background:#24282b;border-color:#4b5257;border-top-color:#a0a8ae}
.panel-index{border-color:#474e53;color:#a4acb2}
h1{color:#e6e9eb}
.intro p,label,.remember{color:#acb3b9}
.password-field{background:#171b1e;border-color:#69737b}
.password-field:focus-within{outline-color:#bbc5cc}
.password-field input{color:#e5e9ec}
.password-field button{background:#30363b;border-color:#525c64;color:#d3d9de}
.password-field button:hover{background:#41494f}
.remember input{accent-color:#c5ccd2}
.submit{background:#c8ced3;border-color:#c8ced3;color:#171a1c}
.submit:hover{background:#e1e5e8}
.panel-footer{background:#1d2124;border-color:#474e53;color:#9da6ae}
.page-footer{color:#939da5}
#error{color:#e49790;border-color:#ce6c62}
button:focus-visible,a:focus-visible,input[type=checkbox]:focus-visible{outline-color:#c6cfd6}

body{background:#191b1d;color:#d4d6d8;font-family:Arial,Helvetica,sans-serif;font-size:14px}
header{background:#191b1d;border-bottom:1px solid #3c3f42;padding:12px 20px;box-shadow:none}
.brand{font-size:16px;letter-spacing:1px}.brand svg,.brand small{display:none}
main{padding:28px 20px}.panel{background:#202326;border:1px solid #3c3f42;border-radius:0;box-shadow:none;padding:22px}
h1{font-size:22px;letter-spacing:0}.intro{margin-bottom:20px}.intro p,.panel-index,.panel-footer,.page-footer{display:none}
button,input{border-radius:0!important;box-shadow:none!important}.submit{justify-content:center}