:root{font-family:Arial,sans-serif;color:#f7f9fc;background:#101418;letter-spacing:0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;border-top:3px solid #326fe8;background:linear-gradient(125deg,#111519 0%,#161c22 60%,#10273a 100%)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.login-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 6%;border-bottom:1px solid #ffffff12}.login-brand{display:flex;align-items:center;gap:18px}.login-brand img{display:block;width:120px;height:68px;object-fit:contain;background:#fff;border-radius:4px;padding:5px}.login-brand span{font-size:12px;color:#b8c9db;line-height:1.5}.login-header>a:last-child{font-size:14px;color:#d2deeb}.login-main{width:min(440px,calc(100% - 48px));margin:64px auto;flex:1}.login-overline{font-size:12px;color:#8fbdff}.login-heading{margin-bottom:30px}h1{font-size:40px;line-height:1.15;margin:16px 0}p{font-size:16px;line-height:1.6;color:#b9c8d7;margin:0}.login-main form{display:grid;gap:22px}label{display:grid;gap:10px;font-size:14px;color:#e2eaf3;font-weight:600}input{min-height:54px;width:100%;min-width:0;border:1px solid #4e5b69;border-radius:4px;background:#ffffff07;padding:15px 16px;color:#fff;font:inherit;font-size:16px;box-shadow:0 1px 0 #ffffff06 inset}input::placeholder{color:#8194a7;font-weight:400}input:focus{outline:2px solid #83cafa;outline-offset:3px;border-color:#83cafa}.password-field{position:relative}.password-field input{padding-right:56px}.password-toggle{position:absolute;right:5px;top:5px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;border-radius:4px;cursor:pointer}.password-toggle img{width:20px;height:20px;filter:invert(1);opacity:.8}button{font:inherit}.sign-in{height:54px;background:#2862d7;color:#fff;border:1px solid #6397ff;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #0003;transition:background .2s,box-shadow .2s}.sign-in:hover{background:#3475f1;box-shadow:0 8px 28px #2464d744}button:focus-visible,a:focus-visible{outline:2px solid #83cafa;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}#forgot-password{background:none;border:0;color:#bdd8ff;font-size:14px;justify-self:center;cursor:pointer;padding:3px 8px}#forgot-password:hover{text-decoration:underline}.login-security{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:36px;padding-top:24px;border-top:1px solid #ffffff15;color:#92a5b7;font-size:12px;line-height:1.6}.login-security img{width:16px;height:16px;filter:invert(1);opacity:.6}.login-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #ffffff12;padding:24px 6%;font-size:12px;line-height:1.6;color:#92a5b7}#notice{margin:0 0 24px;background:#193555;border-left:2px solid #81c7f3;padding:12px 16px;color:#eff7ff;font-size:14px}#notice:empty{display:none}[hidden]{display:none!important}@media(max-width:600px){.login-header{padding:20px 24px}.login-brand span{display:none}.login-brand img{width:100px;height:56px}.login-main{margin:40px auto}h1{font-size:34px}.login-footer{padding:22px 24px}.login-security{justify-content:flex-start}}
.login-brand img{background:transparent;padding:0}
.login-header{display:grid;grid-template-columns:1fr auto 1fr}.login-brand{grid-column:2;justify-self:center;flex-direction:column;gap:10px;text-align:center}.login-brand img{width:70px;height:70px;object-fit:contain;filter:none;transform:none}.login-header>a:last-child{justify-self:end}.login-main .login-heading{text-align:center}.login-brand span{display:block}.login-main{margin-top:44px}@media(max-width:600px){.login-header{grid-template-columns:1fr;gap:18px}.login-brand{grid-column:1}.login-header>a:last-child{justify-self:center}}