.loginPage{--login-bg:#171717;--login-surface:#171717;--login-field:#1f1f1f;--login-border:#ffffff1f;--login-text:#fff;--login-muted:#9a9a9a;--login-accent:#fff;--login-accent-text:#000;--login-error:#ff6b6b;--login-ring:#fff;--login-radius:.75rem;background:var(--login-bg);min-height:100svh;color:var(--login-text);grid-template-columns:1fr;display:grid}.loginFormSide{justify-content:center;align-items:center;padding:1.5rem;display:flex}.loginFormWrapper{flex-direction:column;gap:1.5rem;width:100%;max-width:24rem;display:flex}.loginBrand{margin-bottom:1rem}.loginBrandIcon{background:var(--login-surface);margin-inline:auto;width:2.75rem;height:2.75rem;margin-bottom:1rem}.loginBrandLogo{width:100%;height:100%;display:block}.loginCard{background:var(--login-surface);border-radius:var(--login-radius);padding:1.5rem}.loginCardTitle{text-align:center;margin:0 0 .375rem;font-size:1.125rem;font-weight:600}.loginCardDescription{color:var(--login-muted);text-align:center;margin:0 0 1.5rem;font-size:.875rem}.loginForm{flex-direction:column;gap:1rem;display:flex}.loginField{flex-direction:column;gap:.5rem;display:flex}.loginField label{font-size:.875rem;font-weight:500}.loginLabelRow{justify-content:space-between;align-items:center;display:flex}.loginForgotLink{color:var(--login-muted);font-size:.75rem;text-decoration:none}.loginForgotLink:hover{color:var(--login-text);text-underline-offset:4px;text-decoration:underline}.loginField input{width:100%;font:inherit;color:var(--login-text);background:var(--login-field);border:1px solid var(--login-border);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.loginField input::placeholder{color:var(--login-muted)}.loginField input:focus-visible{outline:2px solid var(--login-ring);outline-offset:1px;border-color:var(--login-ring)}.loginError{color:var(--login-error);margin:0;font-size:.875rem}.loginMessage{color:var(--login-muted);margin:0;font-size:.875rem}.loginSubmit{width:100%;font:inherit;color:var(--login-accent-text);background:var(--login-accent);cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.loginSubmit:hover:not(:disabled){opacity:.9}.loginSubmit:disabled{opacity:.6;cursor:not-allowed}.loginSwitch{text-align:center;color:var(--login-muted);margin:1rem 0 0;font-size:.875rem}.loginSwitchButton,.loginSwitchLink{font:inherit;color:var(--login-text);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none}.loginSwitchButton:hover,.loginSwitchLink:hover{text-underline-offset:4px;text-decoration:underline}.loginImageSide{display:none}@media (min-width:1024px){.loginPage{grid-template-columns:1fr 1fr}.loginImageSide{padding:clamp(.75rem,1.4vw,1.5rem);display:block;position:relative}.loginVideo{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:clamp(.75rem,1.2vw,1.25rem);width:100%;height:100%;display:block;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.loginVideo::-webkit-media-controls{-webkit-appearance:none;display:none!important}.loginVideo::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}}.loginField input:-webkit-autofill{-webkit-text-fill-color:var(--login-text);box-shadow:0 0 0 1000px var(--login-field) inset;caret-color:var(--login-text)}.loginField input:-webkit-autofill:hover{-webkit-text-fill-color:var(--login-text);box-shadow:0 0 0 1000px var(--login-field) inset;caret-color:var(--login-text)}.loginField input:-webkit-autofill:focus{-webkit-text-fill-color:var(--login-text);box-shadow:0 0 0 1000px var(--login-field) inset;caret-color:var(--login-text)}.loginReveal{opacity:0}@media (prefers-reduced-motion:reduce){.loginReveal{opacity:1}}