/* Sign-in by mobile number + one-time code (login.html / register.html) */
.otp-step{animation:otpIn .4s cubic-bezier(.22,1,.36,1) both}
@keyframes otpIn{from{opacity:0;transform:translateY(12px)}}
.auth-page input[type=tel]{direction:ltr;text-align:left;padding-left:16px;padding-right:48px;letter-spacing:.06em}
.otp-code{display:block;width:100%;text-align:center;direction:ltr;font-family:var(--font-en);font-weight:800;font-size:28px;letter-spacing:.55em;padding:14px 8px 14px calc(8px + .55em);min-height:64px}
.otp-lead{font-size:13.5px;line-height:2;color:var(--text-2);margin:0 0 18px;text-align:center}
.otp-lead b{color:var(--text-1);font-family:var(--font-en);direction:ltr;unicode-bidi:isolate}
.otp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 16px;font-size:13px;color:var(--text-3)}
.otp-link{border:0;background:none;color:var(--brand-400);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:6px 2px}
.otp-link:disabled{color:var(--text-3);cursor:default}
.otp-link:hover:not(:disabled){text-decoration:underline}
.otp-dev{margin:0 0 14px;padding:8px 12px;border-radius:12px;font-size:12.5px;background:rgba(255,200,87,.14);border:1px dashed rgba(255,200,87,.5);color:var(--text-1);text-align:center}
.otp-dev b{font-family:var(--font-en);letter-spacing:.2em}
.otp-note{margin:14px 0 0;text-align:center;font-size:12px;line-height:1.9;color:var(--text-3)}
.auth-page input::placeholder{opacity:.42}