/* Dash sign-in only: the authenticated shell and page bodies are unaffected. */
.login{min-height:100dvh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#f6faff}
.login .login-brand{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,5vw,96px);background:#061623!important;color:#fff}
.login .login-brand::before{content:'';position:absolute;inset:10% -35% 10% 55%;border:1px solid #00dc9b20;border-radius:50%;z-index:-1;pointer-events:none}
.login .login-brand::after{content:'';position:absolute;inset:18% -14% 18% 72%;border-left:1px solid #00dc9b18;z-index:-1;pointer-events:none}
.login .login-brand .brand{width:100%;max-width:360px;height:auto;flex:none}
.login .login-brand .brand img{width:100%!important;max-width:360px;height:auto!important;object-fit:contain}
.login .login-brand h1{font:700 clamp(56px,4.5vw,80px)/1.04 MeciuriCondensed,Barlow,sans-serif!important;color:#fff!important;letter-spacing:-.02em;margin:56px 0 24px;max-width:640px}
.login .login-brand p{font:400 24px/1.45 OverviewCondensed,Barlow,sans-serif!important;color:#c8d8e4;max-width:460px;margin:0 0 32px}
.login .login-brand small{font:400 17px/1.4 OverviewCondensed,Barlow,sans-serif!important;color:#8ea8ba}
.login .login-box{padding:48px 32px;background:#f6faff}
.login #login-form{position:relative;max-width:480px;padding:84px 40px 40px;border:1px solid #e2ebfa;border-radius:7px;background:#fff;box-shadow:0 12px 48px #070b3506}
.login #login-form>small{display:block;font:400 14px/1.2 OverviewCondensed,Barlow,sans-serif!important;letter-spacing:.09em;text-transform:uppercase;color:#7484cb;margin-bottom:12px}
.login #login-form h1{font:700 52px/1.08 MeciuriCondensed,Barlow,sans-serif!important;letter-spacing:-.02em;color:#070b35;margin:0 0 12px}
.login #login-form>.muted{font:400 21px/1.4 OverviewCondensed,Barlow,sans-serif!important;color:#7484cb;margin:0 0 32px}
.login #login-form .field{gap:8px;margin:0 0 22px}
.login #login-form .field label{font:400 18px/1.3 OverviewCondensed,Barlow,sans-serif!important;color:#070b35}
.login #login-form .field input{font:400 22px/1.3 OverviewCondensed,Barlow,sans-serif!important;height:52px;border:1px solid #d6e2f5;border-radius:7px;background:#f8fbff;color:#070b35;padding:12px 14px;box-shadow:none}
.login #login-form .field input:hover{border-color:#a6b8db}
.login #login-form :is(input,button):focus-visible{outline:3px solid #00dc9b;outline-offset:3px}
.login #login-form>button[type=submit]{width:100%;min-height:52px;margin-top:6px;border:1px solid #00dc9b;border-radius:7px;background:#00dc9b;color:#070b35;font:700 22px/1.2 OverviewCondensed,Barlow,sans-serif!important;box-shadow:none}
.login #login-form>button[type=submit]:hover{background:#00c98e;border-color:#00c98e}
.login #login-form>button[type=submit]:disabled{cursor:wait;opacity:.65}
.login #login-form .language-switch{position:absolute;top:28px;right:40px;display:inline-flex;width:auto;gap:4px;border:1px solid #e2ebfa;padding:3px;border-radius:7px;background:#f8fbff}
.login #login-form .language-switch button{font:400 16px/1.2 OverviewCondensed,Barlow,sans-serif!important;min-height:30px;padding:6px 10px;border:0;border-radius:4px;background:transparent;color:#7484cb}
.login #login-form .language-switch button[aria-pressed=true]{background:#061623;color:#fff}
.login #login-error{font:400 18px/1.4 OverviewCondensed,Barlow,sans-serif!important;background:#fff4f4;border:1px solid #efcaca;border-radius:7px;color:#982d36;padding:12px 14px;margin:0 0 18px}
.login #login-error[hidden]{display:none!important}
@media(max-width:900px) and (min-width:761px){.login .login-brand{padding:36px}.login .login-brand h1{font-size:56px!important}.login #login-form{padding-left:28px;padding-right:28px}.login #login-form .language-switch{right:28px}}
@media(max-width:760px){.login{grid-template-columns:1fr}.login .login-brand{padding:24px 28px;min-height:0;justify-content:center}.login .login-brand .brand{max-width:250px}.login .login-brand :is(h1,p,small){display:none}.login .login-brand::before,.login .login-brand::after{display:none}.login .login-box{padding:28px 24px;align-items:flex-start}.login #login-form{padding:80px 24px 28px;max-width:480px}.login #login-form h1{font-size:44px!important}.login #login-form .language-switch{right:24px;top:24px}.login #login-form .language-switch button{min-height:36px;padding:8px 12px}}
@media(max-width:380px){.login .login-box{padding:24px 16px}.login #login-form{padding-left:20px;padding-right:20px}.login #login-form .language-switch{right:20px}}
