/* Standalone sign-in page. No landing-page styles, sticky layers or focus animation. */
:root{color-scheme:light;font-family:Arial,sans-serif;color:#17355b;background:#f6f7fb}
*{box-sizing:border-box}
body{margin:0}
[hidden]{display:none!important}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:75px 24px}
.auth-shell{width:100%;max-width:420px}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 25px;font-size:21px;font-weight:800;text-decoration:none;color:#17355b}
.brand-logo{display:block;flex:0 0 38px;width:38px;height:38px;object-fit:contain}
.brand-wordmark{white-space:nowrap}.brand-vidio{color:#a80030}
#loginForm{padding:30px;background:#fff;border:1px solid #dfe7f0;border-radius:10px}
h1{font-size:25px;line-height:1.3;margin:0 0 10px;letter-spacing:-.5px}
#loginForm>p{font-size:12px;line-height:1.8;color:#65748a;margin:0 0 24px}
label{display:block;font-size:12px;margin:17px 0}
input{display:block;width:100%;height:44px;margin-top:9px;padding:11px 12px;font:13px/20px Arial,sans-serif;color:#17355b;background:#fff;border:1px solid #dfe7f0;border-radius:6px;outline:none;box-shadow:none;transition:none;animation:none}
input:focus{border-color:#dfe7f0;outline:none;box-shadow:none}
.keyboard-focus input:focus{outline:2px solid #17355b;outline-offset:2px}
button{font-family:inherit;cursor:pointer;border:0}
#signInButton{width:100%;margin-top:3px;padding:13px;background:#a80030;color:#fff;font-size:12px;font-weight:700;border-radius:6px}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible,a:focus-visible{outline:2px solid #17355b;outline-offset:3px}
#loginForm #loginError{margin:16px 0 0;color:#a80030}#loginError:empty{display:none}
.auth-back{display:block;text-align:center;margin-top:22px;color:#17355b;font-size:12px;text-decoration:none}
.language-picker{position:absolute;top:24px;right:24px;display:flex;gap:4px;padding:4px;background:transparent;border:0;border-radius:0}
.language-picker button{padding:6px 9px;font-size:11px;font-weight:700;background:transparent;color:#17355b;border-radius:4px}
.language-picker button[aria-pressed=true]{background:#17355b;color:#fff}
#panelBusyDialog{width:min(300px,88vw);padding:30px;border:1px solid #dfe7f0;border-radius:10px;background:#fff;color:#17355b;text-align:center;outline:none}
#panelBusyDialog::backdrop{background:#17355b45}
#panelBusyText{font-size:13px;line-height:1.5;margin:18px 0 0}
.panel-spinner{width:38px;height:38px;margin:auto;border:3px solid #f0d1da;border-top-color:#a80030;border-radius:50%;animation:login-spin .85s linear infinite}
@keyframes login-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){input{font-size:16px}#loginForm{padding:25px}.auth-page{padding:80px 20px 40px}}
@media(prefers-reduced-motion:reduce){.panel-spinner{animation:none}}