@font-face{font-family:Montserrat;src:url('/login-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('/login-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{font-family:Montserrat,Arial,sans-serif;color:#202023;background:white;font-size:15px;line-height:1.6;--accent:#ce0040;--muted:#65616b;--border:#dedbe0}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.identity{padding:48px clamp(32px,5vw,80px);display:flex;flex-direction:column;border-right:1px solid var(--border);background:#f6f5f7}.brand{width:max-content;display:block}.brand img{display:block;width:118px;height:auto}.identity-copy{margin:auto 0;padding:64px 0}.identity-title{font-size:clamp(44px,6.5vw,104px);line-height:1.04;letter-spacing:-.065em;font-weight:600;margin:0 0 32px}.identity-title span{color:var(--accent)}.identity-description{max-width:310px;line-height:1.8;font-size:15px;margin:0;color:#55515b}.identity-footer{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(28px,5vw,80px);position:relative}.login-content{width:100%;max-width:390px;margin:auto}.step{font-size:11px;color:var(--muted);margin:0 0 16px}.login-content h1{font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-1px;margin:0 0 16px;text-wrap:balance}.intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 30px;overflow-wrap:anywhere}.intro strong{font-weight:600;color:#29252d}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input{width:100%;min-height:52px;padding:14px 16px;border:1px solid #aaa4af;border-radius:5px;background:white;color:#202023;font-size:16px;margin:0 0 18px}input::placeholder{color:#8b8590}button{border:1px solid transparent;border-radius:5px;min-height:50px;padding:12px 16px;background:var(--accent);color:white;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}button span{font-size:21px;line-height:1}button:disabled{opacity:.55;cursor:default}.secondary{color:#55515b;background:transparent;padding:10px 0;min-height:44px;justify-content:center;font-size:11px;width:auto}.code-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.field-help{font-size:11px;color:var(--muted);margin:0 0 24px;line-height:1.6}#otp{font:28px/1.4 ui-monospace,monospace;letter-spacing:.25em;margin-bottom:8px}#status{font-size:12px;line-height:1.7;color:#55515b;margin:14px 0;min-height:20px}#status[data-error=true]{color:#a23e18}input[aria-invalid=true]{border-color:#b94a1d}.login-help{border-top:1px solid var(--border);padding-top:18px;margin-top:12px;font-size:12px;color:var(--muted)}summary{cursor:pointer;padding:8px 0;min-height:40px;width:fit-content}details p{margin:8px 0 0;line-height:1.8}.panel-footer{font-size:11px;color:var(--muted);margin:32px 0 0;text-align:center}:focus-visible{outline:3px solid #795394;outline-offset:4px}.login-content [tabindex='-1']:focus{outline:none}
@media(max-width:760px){.login-layout{grid-template-columns:1fr;min-height:100svh}.identity{padding:24px;border:0;background:white;flex-direction:row;align-items:center;gap:24px}.brand img{width:76px}.identity-copy{padding:0;margin:0}.identity-title{font-size:20px;letter-spacing:-.7px;margin:0}.identity-title br{display:none}.identity-title br::after{content:' '}.identity-title span,.identity-description,.identity-footer{display:none}.login-panel{padding:32px 24px 24px;justify-content:flex-start}.login-content{margin:0 auto}.login-content h1{font-size:28px}.panel-footer{margin-top:48px}.step{margin-bottom:14px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}button:hover:not(:disabled){background:#a90035}.secondary:hover:not(:disabled){background:#f6f5f7;color:#202023}}
/* Same controls and icon family as the authenticated workspace. */
button{min-height:var(--ads-control-height);border-radius:var(--ads-control-radius);padding-inline:var(--ads-control-padding-inline);gap:var(--ads-control-gap);font-size:var(--ads-control-font-size);font-weight:var(--ads-control-font-weight);justify-content:center;background:var(--ads-action)}
button svg{width:var(--ads-icon-size);height:var(--ads-icon-size);flex:none;stroke:currentColor}
button .login-loader{display:none}button[aria-busy=true] .login-arrow{display:none}button[aria-busy=true] .login-loader{display:block}
.secondary{background:transparent;font-size:12px;padding-inline:8px;min-height:44px}.code-actions{gap:var(--ads-control-gap);flex-wrap:wrap}
:focus-visible{outline-color:var(--ads-focus)}
#resend{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:no-preference){button:hover:not(:disabled){background:var(--ads-action-hover)}.secondary:hover:not(:disabled){background:#f6f5f7}.login-loader{animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}}