.login-method-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 20px;padding:4px;border:1px solid #d7e4de;border-radius:8px;background:#f1f5f3}
.login-method-switch a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px;border-radius:6px;color:#5c7067;text-decoration:none;font-size:.82rem;font-weight:800;letter-spacing:0;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.login-method-switch a:hover{color:#075f40;background:#fff}
.login-method-switch a:focus-visible{outline:3px solid rgba(16,142,91,.24);outline-offset:2px}
.login-method-switch a.active{color:#fff;background:#087a4e;box-shadow:0 5px 13px rgba(8,122,78,.2)}
.login-method-panel[hidden]{display:none!important}
.login-method-panel.is-active{animation:loginMethodEnter .22s ease-out both}
.login-otp-note{display:flex;align-items:flex-start;gap:10px;margin:15px 0;padding:12px;border:1px solid #d8e9e1;border-radius:8px;background:#f4fbf7;color:#50675c;font-size:.78rem;line-height:1.7}
.login-otp-note i{flex:0 0 auto;margin-top:2px;color:#0a9560;font-size:1.05rem}
.login-otp-code{direction:ltr;text-align:center;font:800 26px Arial,sans-serif!important;letter-spacing:0}
.login-otp-code::placeholder{color:#a9b7b0;letter-spacing:0}
.login-otp-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 19px;color:#73847b;font-size:.78rem}
.login-otp-meta form{margin:0}
.login-otp-resend{padding:3px;border:0;background:none;color:#087a4e;font:inherit;font-weight:800;cursor:pointer}
.login-otp-resend:disabled{color:#9aa9a1;cursor:not-allowed}
.login-otp-back{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:#64796e;text-decoration:none;font-size:.82rem;font-weight:700}
@keyframes loginMethodEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.login-method-switch a{font-size:.76rem}.login-otp-code{font-size:23px!important}.login-otp-meta{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.login-method-panel.is-active{animation:none}.login-method-switch a{transition:none}}