.login{--login-surface:var(--p-neutral-0);--login-pill-bg:#fff9;font-family:var(--font-sans);font-size:var(--ui-text-base);line-height:var(--ui-leading-base);color:var(--color-text);background:var(--ambient-base);-webkit-font-smoothing:antialiased}html.dark .login{--login-surface:var(--color-surface);--login-pill-bg:var(--glass-bg)}.login a,.login-aux,.login-resend button{color:var(--color-text-link);text-decoration:none;position:relative}.login a:hover,.login-aux:hover,.login-resend button:hover{color:var(--p-blue-700)}.login-aux,.login-resend button{font-family:var(--font-sans);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.login-aux:after,.login-resend button:after{content:"";transform-origin:0;height:1px;transition:transform var(--dur) var(--ease-default);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.login-aux:hover:after,.login-resend button:hover:after{transform:scaleX(1)}.login-shell{container:login-screen/inline-size}.login{grid-template-columns:minmax(400px,44%) 1fr;min-height:100vh;display:grid}.login-brand-panel{background:linear-gradient(168deg, var(--p-blue-900) 0%, var(--p-blue-950) 72%);color:var(--p-neutral-0);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background:radial-gradient(900px 640px at 80% -14%,#0077c457,#0000 60%),radial-gradient(720px 560px at -10% 110%,#2eb7de1f,#0000 55%);position:absolute;inset:0}.login-orbits{aspect-ratio:1;pointer-events:none;width:min(150%,880px);transition:translate 1.2s var(--ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-brand-lockup{transition:translate 1.4s var(--ease-out)}.login-orbits i{animation:login-breathe 9s var(--ease-in-out) infinite;border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:0}.login-orbits i:nth-child(2){border-color:#ffffff0e;animation-delay:-3s;inset:11%}.login-orbits i:nth-child(3){border-color:#ffffff0b;animation-delay:-6s;inset:23%}.login-orbits i:nth-child(4){border-color:#a7d2ee0f;animation-delay:-1.5s;inset:36%}@keyframes login-breathe{0%,to{opacity:.7}50%{opacity:1}}.login-orbits .login-track{animation:45s linear infinite login-orbitSpin;position:absolute;inset:0}.login-orbits .login-track2{animation:80s linear infinite reverse login-orbitSpin;position:absolute;inset:23%}.login-orbits .login-track2 em{background:#fff6;width:5px;height:5px;top:-3px;box-shadow:0 0 10px 2px #a7d2ee4d}@keyframes login-orbitSpin{to{transform:rotate(360deg)}}.login-orbits .login-arc{background:conic-gradient(from 0deg, transparent 0 68%, #70b4e20d 78%, #a7d2ee66 92%, transparent 100%);border-radius:50%;animation:34s linear infinite login-orbitSpin;position:absolute;inset:11%;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1.5px))}.login-orbits .login-arc2{background:conic-gradient(from 180deg, transparent 0 76%, #2eb7de08 84%, #a7d2ee47 95%, transparent 100%);border-radius:50%;animation:52s linear infinite reverse login-orbitSpin;position:absolute;inset:36%;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 1px),#000 calc(100% - 1px));mask:radial-gradient(closest-side,#0000 calc(100% - 1px),#000 calc(100% - 1px))}.login-orbits em{background:#a7d2ee99;border-radius:50%;width:7px;height:7px;margin-left:-3px;animation:5s ease-in-out infinite login-orbitGlow;position:absolute;top:14.5%;left:50%;box-shadow:0 0 16px 4px #70b4e266}@keyframes login-orbitGlow{0%,to{opacity:.5}50%{opacity:1}}.login-brand-lockup{align-items:center;gap:var(--space-6);animation:login-rise var(--dur-slow) var(--ease-default) both;flex-direction:column;display:flex;position:relative}.login-brand-lockup img{filter:drop-shadow(0 8px 32px #0077c459);width:auto;height:clamp(52px,6.5vw,72px);display:block}.login-brand-lockup .login-eyebrow{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--ui-text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:#a7d2eeb3;display:flex}.login-brand-lockup .login-eyebrow:before,.login-brand-lockup .login-eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#a7d2ee66);width:28px;height:1px;display:block}.login-brand-lockup .login-eyebrow:after{background:linear-gradient(90deg,#a7d2ee66,#0000)}.login-form-side{background:var(--ambient-base);flex-direction:column;display:flex;position:relative}.login-form-side:before{content:"";background:var(--ambient-wash);pointer-events:none;position:absolute;inset:0}.login-form-topbar{justify-content:flex-end;padding:24px 32px;display:flex;position:relative}.login-lang{border-radius:var(--radius-full);background:var(--login-pill-bg);border:1px solid var(--glass-hairline);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);grid-template-columns:1fr 1fr;gap:0;padding:3px;display:grid;position:relative}.login-lang .login-thumb{border-radius:var(--radius-full);background:var(--login-surface);width:calc(50% - 3px);box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease-spring);position:absolute;top:3px;bottom:3px;left:3px}.login-lang.en .login-thumb{transform:translate(100%)}.login-lang button{font-family:var(--font-sans);font-size:var(--ui-text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:color var(--dur) var(--ease-out);background:0 0;border:0;padding:5px 12px;position:relative}.login-lang button.on{color:var(--p-blue-700)}.login-lang button:not(.on):hover{color:var(--color-text)}.login-form-wrap{flex:1;justify-content:center;align-items:center;padding:24px 48px 64px;display:flex;position:relative}.login-form-col.away{opacity:0;transition:opacity var(--dur-settle) var(--ease-lux), transform var(--dur-settle) var(--ease-lux);transform:translateY(-14px)scale(.985)}.login-form-col{transition:opacity var(--dur-settle) var(--ease-lux), transform var(--dur-settle) var(--ease-lux), height .48s var(--ease-lux)}.login-welcome{justify-content:center;align-items:center;gap:var(--space-3);opacity:0;pointer-events:none;transition:opacity var(--dur-settle) var(--ease-lux);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.login-welcome.on{opacity:1}.login-welcome h2{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--ui-text-4xl);line-height:var(--ui-leading-4xl);letter-spacing:var(--tracking-tight);color:var(--color-page-title);opacity:0;transition:opacity var(--dur-settle) var(--ease-lux) .12s, transform var(--dur-settle) var(--ease-lux) .12s;transform:translateY(10px)}.login-welcome p{font-family:var(--font-mono);font-size:var(--ui-text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted);opacity:0;transition:opacity var(--dur-settle) var(--ease-lux) .28s}.login-welcome.on h2{opacity:1;transform:none}.login-welcome.on p{opacity:1}.login-form-col{width:100%;max-width:384px;position:relative}.login-view{transition:opacity .56s var(--ease-lux), transform .56s var(--ease-lux), filter .56s var(--ease-lux);will-change:opacity, transform, filter}.login-view.out-l{opacity:0;filter:blur(6px);pointer-events:none;transform:translate(-26px)}.login-view.out-r{opacity:0;filter:blur(6px);pointer-events:none;transform:translate(26px)}.login-view.exiting{transition-duration:.24s;transition-timing-function:cubic-bezier(.45,0,.65,1)}.login-sent[hidden],.login-recover-form[hidden],.login-view[hidden]{display:none}.login-back{align-items:center;gap:var(--space-1_5);font-size:var(--ui-text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-4);cursor:pointer;font-family:var(--font-sans);background:0 0;border:0;padding:0;display:inline-flex}.login-back:hover{color:var(--p-blue-700)}.login-back .login-arr{transition:transform var(--dur-fast) var(--ease-spring);display:inline-block}.login-back:hover .login-arr{transform:translate(-3px)}.login-recover-sub{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--ui-text-md);line-height:var(--ui-leading-md);text-wrap:pretty}.login-sent{gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-5);background:var(--login-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:login-rise var(--dur-slow) var(--ease-default) both;flex-direction:column;display:flex}.login-sent .login-check{background:var(--color-success-bg);border-radius:50%;width:40px;height:40px;position:relative}.login-sent .login-check:after{content:"";border-left:2.5px solid var(--color-success);border-bottom:2.5px solid var(--color-success);width:13px;height:7px;animation:login-pop var(--dur-slow) var(--ease-spring) both;margin:-6px 0 0 -7px;animation-delay:.12s;position:absolute;top:50%;left:50%;transform:rotate(-45deg)}.login-sent h3{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--ui-text-xl);line-height:var(--ui-leading-xl);color:var(--color-page-title)}.login-sent p{font-size:var(--ui-text-base);line-height:var(--ui-leading-base);color:var(--color-text-secondary);text-wrap:pretty}.login-sent p strong{color:var(--color-text);font-weight:var(--weight-semibold)}.login-sent .login-resend{font-size:var(--ui-text-sm);color:var(--color-text-muted)}.login-sent .login-resend button{font-weight:var(--weight-semibold)}@keyframes login-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.login-form-col>*,.login-form-col form>*{animation:login-rise var(--dur-slow) var(--ease-default) both}.login-form-col>.login-welcome,.login-welcome{animation:none}.login-form-col .login-headline{animation-delay:0s}.login-form-col form>:first-child{animation-delay:60ms}.login-form-col form>:nth-child(2){animation-delay:.12s}.login-form-col form>:nth-child(3){animation-delay:.18s}.login-form-col form>:nth-child(4){animation-delay:.24s}.login-form-col form>:nth-child(5){animation-delay:.3s}.login-form-col .login-headline{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--ui-text-4xl);line-height:var(--ui-leading-4xl);letter-spacing:var(--tracking-tight);color:var(--color-page-title)}.login-form{margin-top:var(--space-8);gap:var(--space-5);flex-direction:column;display:flex}.login-field{gap:var(--space-1_5);flex-direction:column;display:flex}.login-field .login-row{justify-content:space-between;align-items:baseline;display:flex}.login-field label{font-size:var(--ui-text-sm);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:var(--tracking-snug);transition:color var(--dur-fast) var(--ease-out)}.login-field:focus-within>label,.login-field:focus-within .login-row label{color:var(--p-blue-700)}.login-field .login-aux{font-size:var(--ui-text-sm)}.login-control{align-items:center;display:flex;position:relative}.login-control input{width:100%;height:46px;font-family:var(--font-sans);font-size:var(--ui-text-md);color:var(--color-text);background:var(--login-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:0 14px}.login-control input::placeholder{color:var(--color-text-disabled);transition:opacity var(--dur) var(--ease-out)}.login-control input:focus::placeholder{opacity:.45}.login-control input:hover{border-color:var(--color-border-strong)}.login-control input:focus{border-color:var(--color-brand);box-shadow:var(--shadow-focus);outline:none}.login-control input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 100px var(--login-surface);-webkit-text-fill-color:var(--color-text)}.login-control input.reveal{animation:login-reveal var(--dur) var(--ease-out)}@keyframes login-reveal{0%{opacity:.35}to{opacity:1}}.login-field.error input{border-color:var(--color-danger);box-shadow:0 0 0 3px #c8453b2e}.login-field.error{animation:login-shake .32s var(--ease-out)}@keyframes login-shake{20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.login-control input[type=password],.login-control input[data-pw]{padding-right:74px}.login-pw-toggle{font-family:var(--font-sans);font-size:var(--ui-text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:6px 8px;position:absolute;right:6px}.login-pw-toggle:hover{color:var(--p-blue-700)}.login-pw-toggle.swap{animation:login-swap var(--dur) var(--ease-out)}@keyframes login-swap{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.login-hint{opacity:0;transition:grid-template-rows var(--dur) var(--ease-default), opacity var(--dur) var(--ease-out);grid-template-rows:0fr;display:grid}.login-hint>span{align-items:center;gap:var(--space-1_5);font-size:var(--ui-text-sm);color:var(--color-warning);display:flex;overflow:hidden}.login-hint.on{opacity:1;grid-template-rows:1fr}.login-hint--error>span{color:var(--color-danger)}.login-form>.login-hint--error{margin-top:calc(-1 * var(--space-5));transition:grid-template-rows var(--dur) var(--ease-default), opacity var(--dur) var(--ease-out), margin-top var(--dur) var(--ease-default)}.login-form>.login-hint--error.on{margin-top:0}.login-submit{height:46px;margin-top:var(--space-1);font-family:var(--font-sans);font-size:var(--ui-text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);color:var(--color-on-brand);background:var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out);border:0;position:relative;overflow:hidden;box-shadow:0 1px 2px #0150894d,inset 0 1px #ffffff24}.login-submit .login-sheen{pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff29 50%,#0000 62%);transition:none;position:absolute;inset:0;transform:translate(-110%)}.login-submit:hover .login-sheen{transition:transform .7s var(--ease-out);transform:translate(110%)}.login-submit:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 4px 14px -4px #01508973,inset 0 1px #ffffff24}.login-submit:active{background:var(--color-brand-active);transform:scale(.985)}.login-submit:focus-visible{box-shadow:var(--shadow-focus);outline:none}.login-submit.loading{color:#0000;pointer-events:none}.login-submit.loading:after{content:"";border:2px solid #ffffff59;border-top-color:var(--p-neutral-0);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.7s linear infinite login-spin;position:absolute;top:50%;left:50%}.login-submit.ok{background:var(--color-success);color:#0000;pointer-events:none;transform:none}.login-submit.ok .login-sheen{display:none}.login-submit.ok:after{content:"";border-left:2.5px solid var(--color-text-on-brand);border-bottom:2.5px solid var(--color-text-on-brand);width:14px;height:8px;animation:login-pop var(--dur) var(--ease-spring) both;margin:-7px 0 0 -8px;position:absolute;top:50%;left:50%;transform:rotate(-45deg)}@keyframes login-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-orbits .login-track,.login-orbits .login-track2,.login-orbits .login-arc,.login-orbits .login-arc2,.login-orbits i,.login-orbits em{animation:none}.login-form-col>*,.login-form-col form>*{animation-duration:0s}.login-submit:hover .login-sheen{transition:none;transform:translate(-110%)}}@container login-screen (max-width:900px){.login{grid-template-columns:1fr}.login-brand-panel{padding:32px 24px}.login-orbits{width:520px}.login-brand-lockup{gap:var(--space-4)}.login-brand-lockup img{height:44px}.login-form-wrap{padding:24px 24px 48px}}