:root{--brand:#474dee;--brand-hover:#3c42df;--ink:#222329;--muted:#777a80;--line:#e2e3e7;--surface:#fff;--surface-soft:#f3f3f4;--danger:#d83f4c;--success:#287a50;--radius-sm:10px;--radius:14px;--shadow-focus:0 0 0 4px #474dee21;--shadow-button:0 12px 28px -18px #474deeb8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--surface)}body{background:var(--surface);min-height:100vh;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page{background:var(--surface);flex-direction:column;align-items:center;width:100%;min-height:100svh;padding:clamp(36px,7vh,80px) clamp(20px,5vw,48px);display:flex}.login-layout{flex:none;justify-items:center;gap:clamp(38px,5.5vh,58px);width:min(540px,100%);min-width:0;margin:auto;display:grid}.brand-header{justify-content:center;width:100%;display:flex}.brand-wordmark{width:min(375px,74vw);height:auto;color:var(--brand);display:block}.auth-pane,.auth-stack,.auth-panel{width:100%;min-width:0}.auth-stack{gap:20px;display:grid}.auth-panel{animation:.45s cubic-bezier(.22,1,.36,1) both panel-rise}@keyframes panel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;gap:9px;margin-bottom:28px;display:grid}.eyebrow{display:none}.auth-header h1{color:var(--ink);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,4vw,36px);font-weight:750;line-height:1.1}.auth-header p{max-width:42ch;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.5}.auth-form{gap:18px;min-width:0;display:grid}.name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.field{gap:8px;min-width:0;display:grid}.field>span{color:var(--muted);font-size:14px;font-weight:650;line-height:1.35}.field input:not(.otp-input){border-radius:var(--radius);background:var(--surface-soft);width:100%;min-height:60px;color:var(--ink);border:1px solid #0000;outline:none;padding:0 20px;font-size:16px;transition:background-color .18s,border-color .18s,box-shadow .18s}.field input:not(.otp-input)::placeholder{color:#85878c;opacity:1}.field input:not(.otp-input):hover{background:#eeeeef}.field input:not(.otp-input):focus{border-color:var(--brand);background:var(--surface);box-shadow:var(--shadow-focus)}.field input:not(.otp-input):-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface-soft) inset}.field input:not(.otp-input):-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface-soft) inset}.field input:not(.otp-input):-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface-soft) inset}.remember-option{width:fit-content;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;font-size:15px;font-weight:500;line-height:1.35;display:inline-flex}.remember-option input{width:21px;height:21px;accent-color:var(--brand);cursor:pointer;flex:none;margin:0}.login-options{justify-content:space-between;align-items:center;gap:10px 20px;min-width:0;display:flex}.password-reset-link{color:#666970;text-align:right;text-underline-offset:3px;justify-content:flex-end;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.password-reset-link--disabled{cursor:default;opacity:.72}.password-reset-link:hover{color:var(--brand);text-decoration:underline}.password-reset-link.password-reset-link--disabled:hover{color:#666970;text-decoration:none}.password-reset-link:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #474dee40}.password-manager-username{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.primary-button{border-radius:var(--radius);background:var(--brand);width:100%;min-height:60px;box-shadow:var(--shadow-button);color:#fff;cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;padding:12px 20px;font-size:17px;font-weight:750;line-height:1.25;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.primary-button:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 16px 34px -19px #474deed1}.primary-button:focus-visible{box-shadow:var(--shadow-focus), var(--shadow-button);outline:none}.primary-button:active{transform:translateY(0)}.primary-button:disabled{cursor:default;box-shadow:none;opacity:.58;transform:none}.primary-button--link{margin-top:4px}.form-error,.notice,.form-hint{border-radius:var(--radius);color:var(--danger);background:#d83f4c12;border:1px solid #d83f4c33;margin:0;padding:13px 15px;font-size:14px;line-height:1.5}.notice{border-color:var(--line);background:var(--surface-soft);color:var(--muted);text-align:center}.form-hint{color:var(--muted);background:#474dee0f;border-color:#474dee2b}.account-chip{border-radius:var(--radius);background:var(--surface-soft);border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:54px;padding:0 17px;display:flex}.account-chip span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-chip a{color:var(--brand);flex:none;font-size:14px;font-weight:700;text-decoration:none}.account-chip a:hover{text-underline-offset:3px;text-decoration:underline}.invitation-help{color:var(--muted);text-align:center;margin:18px 0 0;font-size:14px;line-height:1.5}.password-requirements{border-radius:var(--radius);background:var(--surface-soft);gap:11px;padding:15px 16px;display:grid}.password-requirements__title{color:var(--ink);font-size:13px;font-weight:720}.password-requirements ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;padding:0;list-style:none;display:grid}.password-requirement{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:12px;line-height:1.35;display:flex}.password-requirement>span{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-grid}.password-requirement--fulfilled{color:var(--success)}.password-requirement--fulfilled>span{background:#287a5017;border-color:#287a5038}.invitation-success,.password-reset-success{justify-items:stretch;display:grid}.invitation-success__icon,.password-reset-success__icon{width:58px;height:58px;color:var(--success);background:#287a501a;border-radius:18px;place-items:center;margin:0 auto 22px;font-size:30px;font-weight:800;display:inline-grid}.password-reset-actions{gap:8px;margin-top:18px;display:grid}.password-reset-back{color:#666970;text-align:center;text-underline-offset:3px;border-radius:7px;justify-content:center;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.password-reset-back:hover{color:var(--brand);text-decoration:underline}.password-reset-back:focus-visible{outline-offset:2px;outline:3px solid #474dee40}.password-reset-back--button{cursor:pointer;background:0 0;border:0;width:100%;padding:0 10px}.mfa-options{gap:10px;display:grid}.mfa-option{border-radius:var(--radius);background:var(--surface-soft);width:100%;min-height:68px;color:var(--ink);cursor:pointer;text-align:left;border:1px solid #0000;outline:none;gap:4px;padding:12px 16px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.mfa-option:hover{background:#eeeeef;border-color:#474dee40;transform:translateY(-1px)}.mfa-option:focus-visible{border-color:var(--brand);box-shadow:var(--shadow-focus)}.mfa-option:disabled{cursor:default;opacity:.58;transform:none}.mfa-option--selected{border-color:var(--brand);background:var(--surface);box-shadow:var(--shadow-focus)}.mfa-option span{font-size:15px;font-weight:740}.mfa-option small{color:var(--muted);font-size:13px;line-height:1.35}.security-options{gap:10px;display:grid}.security-option{border-radius:var(--radius);background:var(--surface-soft);width:100%;min-height:82px;color:var(--ink);cursor:pointer;text-align:left;border:1px solid #0000;outline:none;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:flex}.security-option:hover{background:#eeeeef;border-color:#474dee40;transform:translateY(-1px)}.security-option:focus-visible{border-color:var(--brand);box-shadow:var(--shadow-focus)}.security-option>span:first-child{gap:5px;min-width:0;display:grid}.security-option strong{font-size:15px;font-weight:740}.security-option small{color:var(--muted);font-size:13px;line-height:1.4}.security-option__arrow{color:var(--brand);font-size:28px;line-height:1}.security-status{color:var(--brand);white-space:nowrap;background:#474dee14;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:750}.security-status--safe{color:var(--success);background:#287a501a}.security-section-heading{gap:6px;display:grid}.security-section-heading h2,.security-success h2{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:21px}.security-section-heading p,.security-success p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.security-success{text-align:center;gap:14px;display:grid}.security-success .primary-button{margin-top:8px}.totp-qr{border:1px solid var(--line);border-radius:var(--radius);background:#fff;place-items:center;width:fit-content;max-width:100%;margin:0 auto;padding:12px;display:grid}.totp-qr img{width:min(260px,68vw);height:auto;display:block}.totp-secret{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);padding:13px 15px;font-size:13px}.totp-secret summary{cursor:pointer;font-weight:700}.totp-secret code{color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-top:12px;font-size:14px;font-weight:700;line-height:1.6;display:block}.totp-secret p{margin:8px 0 0}.otp-inputs{gap:8px;width:100%;display:grid}.otp-inputs--6{grid-template-columns:repeat(6,minmax(0,1fr))}.otp-inputs--8{grid-template-columns:repeat(8,minmax(0,1fr))}.otp-input{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;min-width:0;min-height:0;color:var(--ink);text-align:center;outline:none;padding:0;font-size:clamp(19px,4vw,27px);font-weight:750;line-height:1;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.otp-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:var(--shadow-focus);transform:translateY(-1px)}.otp-input--filled{background:var(--surface);border-color:#474dee6b}.login-page--redirect{justify-content:center;align-items:center}.login-page--redirect .primary-button{width:min(320px,100%)}@media (max-width:560px){.login-page{padding:30px 20px 38px}.login-layout{gap:38px}.brand-wordmark{width:min(320px,78vw)}.auth-header{margin-bottom:24px}.auth-header h1{font-size:clamp(27px,8vw,32px)}.auth-header p{font-size:15px}.field input:not(.otp-input),.primary-button{min-height:56px}.primary-button{font-size:16px}.password-requirements ul{grid-template-columns:1fr}.otp-inputs{gap:6px}.otp-input{border-radius:9px}}@media (max-width:440px){.name-fields{grid-template-columns:1fr}}@media (max-width:360px){.login-page{padding-left:16px;padding-right:16px}.login-layout{gap:32px}.auth-form{gap:16px}.login-options{flex-direction:column;align-items:flex-start;gap:2px}.password-reset-link{text-align:left;justify-content:flex-start}.otp-inputs{gap:4px}.otp-input{border-radius:8px;font-size:19px}}@media (max-height:700px) and (min-width:561px){.login-page{padding-top:28px;padding-bottom:28px}.login-layout{gap:34px}.brand-wordmark{width:min(320px,62vw)}}@media (prefers-reduced-motion:reduce){.auth-panel{animation:none}.primary-button,.mfa-option,.otp-input,.field input:not(.otp-input){scroll-behavior:auto;transition-duration:.01ms}}
