:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#3f4254;background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff url('/network.svg') center center/cover no-repeat;font-size:14px}
.login{width:min(430px,calc(100% - 40px));margin:0 auto;padding:76px 0 26px;text-align:center}
.logo{display:block;object-fit:contain;margin:0 auto 43px;width:88px;height:88px}
h1{margin:0 0 17px;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.25px}header p{margin:0;color:#a1a5b7;font-size:14px;line-height:20px}
form{margin-top:72px}input[type=text],input[type=password]{width:100%;height:52px;border:1px solid transparent;border-radius:6px;padding:0 27px;margin:0 0 20px;background:#f3f6f9;color:#3f4254;font:14px Arial,Helvetica,sans-serif;transition:background .15s,border-color .15s;outline:none}input::placeholder{color:#a1a5b7;opacity:1}input[type=text]:focus,input[type=password]:focus{background:#ebedf3;border-color:#e4e6ef}
.options{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a1a5b7;margin:0 0 37px}.remember{display:flex;align-items:center;gap:9px;min-height:24px;cursor:pointer}.remember input{appearance:none;margin:0;width:18px;height:18px;border:0;border-radius:5px;background:#ebedf3;cursor:pointer;display:grid;place-content:center}.remember input:checked{background:#3699ff}.remember input:checked::after{content:'✓';font-size:13px;color:white}.options a{color:#a1a5b7;text-decoration:none;padding:4px 0}.options a:hover{color:#3699ff}a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #3699ff;outline-offset:4px}
button{display:inline-flex;align-items:center;justify-content:center;min-width:109px;min-height:52px;border:0;border-radius:5px;padding:0 27px;background:#3699ff;color:#fff;font:600 14px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#187de4}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.8}
footer{border-top:1px solid #ebedf3;margin-top:38px;padding-top:8px;font-size:11px;color:#b5b5c3}footer a{color:inherit;text-decoration:none}footer a:hover{color:#3699ff}
#feedback{padding:12px 16px;border-radius:5px;background:#fff4de;color:#8c6500;margin:0 0 20px;text-align:left;font-size:13px;line-height:1.5}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.login{padding-top:48px}.logo{margin-bottom:33px}form{margin-top:46px}footer{margin-top:34px}.options{font-size:13px}.remember{min-height:36px}.options a{min-height:36px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}