/* archived — giriş / kayıt penceresi: kod girişi (OTP) */
.otp{display:flex;justify-content:center;gap:8px;margin:6px 0 14px}
.otp-cell{width:44px;height:54px;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-align:center;font:600 22px var(--sans);caret-color:var(--wine);outline:none;transition:border-color .18s,box-shadow .18s,transform .18s}
.otp-cell:focus{border-color:var(--wine);box-shadow:0 0 0 3px color-mix(in srgb,var(--wine) 22%,transparent);transform:translateY(-1px)}
.otp-cell:not(:placeholder-shown),.otp-cell[value]:not([value=""]){border-color:var(--line)}
.otp-cell:disabled{opacity:.55}
.otp-error .otp-cell{border-color:#d4483f;animation:otp-shake .32s ease}
@keyframes otp-shake{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.otp-hint{margin:-4px 0 12px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.5}
.otp-hint b{color:var(--ink);overflow-wrap:anywhere}
.otp-foot{display:grid;gap:4px;justify-items:center;margin-top:6px}
.otp-foot .text-button:disabled{opacity:.5;cursor:default}
@media (max-width:380px){.otp{gap:6px}.otp-cell{width:40px;height:50px;font-size:20px}}
@media (prefers-reduced-motion:reduce){.otp-error .otp-cell{animation:none}}