.velvet-auth{--auth-blue:#234679;max-width:440px;margin:auto;color:#182740}.velvet-auth [hidden]{display:none!important}.velvet-auth h2{font-size:24px;margin:0;line-height:1.7}.auth-intro,.auth-expiry,.velvet-auth [data-auth-status]{font-size:13px;line-height:1.9;color:#62728a}.velvet-auth label{display:block;font-weight:600;margin-top:24px}.velvet-auth input[data-auth-mobile]{width:100%;height:54px;border:1px solid #cfd9e7;border-radius:12px;margin-top:8px;padding:12px 16px;font:inherit;font-size:17px;color:var(--auth-blue);background:white}.auth-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.auth-number{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid #e7ebf2;padding:16px 0;margin-top:0}.auth-number small,.auth-number b{display:block}.auth-number small{font-size:12px;color:#62728a;margin-bottom:6px}.auth-number b{font-size:18px}.auth-number button{flex-shrink:0}.auth-code{position:relative;direction:ltr;margin:24px auto 0;max-width:304px;height:64px}.auth-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;height:100%}.auth-slots span{border:1px solid #cfd9e7;background:#f8fafd;border-radius:12px;display:grid;place-items:center;font-size:27px;font-weight:600}.auth-code:focus-within .is-current{outline:2px solid var(--auth-blue);outline-offset:2px;background:white}.velvet-auth .auth-code input[data-auth-code]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;background:transparent;border:0;color:transparent;caret-color:transparent;opacity:1;font-size:20px;-webkit-text-fill-color:transparent;box-shadow:none;border-radius:12px}.auth-code:has([aria-invalid=true]) .auth-slots span{border-color:#aa403b}.velvet-auth .auth-code input:focus{outline:0}.auth-expiry{text-align:center;min-height:25px;font-variant-numeric:tabular-nums}.velvet-auth:has([data-auth-phone-stage][hidden]) .auth-request{background:none;color:var(--auth-blue);margin-top:8px;border:0;font-size:13px}.velvet-auth [data-auth-status]:empty{display:none}.velvet-auth button{font:inherit;cursor:pointer}.velvet-auth button:disabled{opacity:.55;cursor:default}

/* Stable native autofill input; separate cells display every digit. */
.auth-code{overflow:visible;isolation:isolate}.auth-slots{position:relative;z-index:1;pointer-events:none}.auth-slots span{color:var(--auth-blue);min-width:0}
.velvet-auth .auth-code input[data-auth-code]{inset:0;width:100%;max-width:100%;padding:0;letter-spacing:normal;text-indent:0;opacity:1;color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:transparent;background:transparent!important;z-index:2;box-shadow:none!important}
.velvet-auth .auth-code input[data-auth-code]:-webkit-autofill{-webkit-text-fill-color:transparent!important;transition:background-color 99999s}