.otp{gap:10px;margin-top:4px;position:relative;cursor:text}.otp,.otp-box{display:flex;align-items:center}.otp-box{width:100%;min-width:0;flex:1 1;justify-content:center;-webkit-user-select:none;user-select:none;aspect-ratio:1/1;min-height:44px;font-family:var(--sans);font-size:28px;font-weight:500;text-align:center;color:var(--ink);caret-color:var(--accent);background:var(--paper-3);border:1px solid var(--ink);border-radius:8px;padding:0;transition:border-color var(--dur-micro),box-shadow var(--dur-micro)}.otp-box.otp-group-end{margin-right:6px}@media (hover:hover) and (pointer:fine){.otp:hover .otp-box{border-color:var(--line-2)}}.otp-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;text-align:center;font-family:var(--sans);font-size:16px;color:transparent;caret-color:transparent;-webkit-text-fill-color:transparent}.otp-input:focus{outline:none}.otp-input::selection{background:transparent}.otp-input:-webkit-autofill,.otp-input:-webkit-autofill:focus,.otp-input:-webkit-autofill:hover{-webkit-text-fill-color:transparent;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 0s 600000s,color 0s 600000s;transition:background-color 0s 600000s,color 0s 600000s}@media (max-width:430px){.otp{gap:6px}.otp-box{font-size:22px}.otp-box.otp-group-end{margin-right:4px}}.auth-step{display:block;--auth-measure:455px}.login-new-here{color:var(--ink-2);text-align:center}.auth-step .login-form,.login-new-here{margin-top:var(--space-5)}.auth-step .otp{margin-bottom:var(--space-6)}.auth-step .login-form,.auth-step>.auth-identity,.auth-step>.auth-or,.auth-step>.auth-secondary-action{max-width:var(--auth-measure);margin-left:auto;margin-right:auto}.auth-step>.auth-identity{margin-top:var(--space-5)}.auth-step .auth-secondary-action,.auth-step .form-primary-action{width:100%;justify-content:center;border-radius:var(--radius-pill);min-height:56px}.auth-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-pill);min-height:48px;font-family:var(--sans);font-size:16px;font-weight:600;background:transparent;color:var(--ink);border:1.5px solid var(--line-2);cursor:pointer;margin-top:var(--space-3);padding:15px 20px;transition:border-color var(--dur-micro),background var(--dur-micro)}@media (hover:hover) and (pointer:fine){.auth-secondary-action:hover:not(:disabled){border-color:var(--ink)}}.auth-secondary-action:disabled{color:var(--ink-3);cursor:default}.auth-or{display:flex;align-items:center;gap:14px;margin-top:var(--space-4);color:var(--ink-2);font-size:16px}.auth-or:after,.auth-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-height:68px;background:var(--paper-2);border:1.5px solid transparent;border-radius:var(--radius)}.auth-identity-text{display:block;min-width:0;text-align:left}.auth-identity-value{display:block;font-size:17px;color:var(--ink);overflow-wrap:anywhere}.auth-identity-edit{flex:none;min-height:44px;padding:0 4px;border:0;background:none;font-family:inherit;font-size:17px;font-weight:600;color:var(--ink);cursor:pointer}@media (hover:hover) and (pointer:fine){.auth-identity-edit:hover:not(:disabled){color:var(--accent-deep)}}.auth-identity-edit:disabled{color:var(--ink-3);cursor:default}.login-form{max-width:26rem;margin-top:clamp(24px,4vw,36px);display:grid;gap:var(--space-4)}.form-primary-action{width:100%;margin-top:var(--space-2)}.access-code-inline .login-form{margin-top:var(--space-5)}.login-form:has(.ffield-input:not(:placeholder-shown)) .btn-primary.btn-unready:not(:disabled){background:var(--accent);color:var(--on-action);border-color:transparent;box-shadow:0 6px 20px -8px var(--accent);cursor:pointer}.login-form:has(.ffield-input:autofill) .btn-primary.btn-unready:not(:disabled){background:var(--accent);color:var(--on-action);border-color:transparent;box-shadow:0 6px 20px -8px var(--accent);cursor:pointer}.login-form:has(.ffield-input:-webkit-autofill) .btn-primary.btn-unready:not(:disabled){background:var(--accent);color:var(--on-action);border-color:transparent;box-shadow:0 6px 20px -8px var(--accent);cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.passkey-offer{max-width:455px;margin:var(--space-5) auto 0;text-align:center}.passkey-offer .auth-secondary-action,.passkey-offer .form-primary-action{width:100%;justify-content:center;border-radius:999px;min-height:56px}.passkey-optout{display:inline-flex;align-items:center;gap:8px;margin-top:var(--space-4);cursor:pointer;font-size:var(--vd-base-font-size-support);color:var(--ink-3)}.passkey-optout input{accent-color:var(--accent)}