.tn-login-unified{display:none}
.tn-login-unified.is-active{display:block}
.tn-login-unified > .ta-form{display:none !important}
.tn-login-unified > .ta-form.is-mode-active{display:block !important}
.tn-login-methods{
  display:flex;gap:8px;margin:0 0 22px;padding:4px;
  border:1px solid #e5eaf2;border-radius:14px;background:#f7f9fc;
}
.tn-login-methods button{
  flex:1 1 0;min-width:0;border:0;border-radius:10px;background:transparent;
  color:#8b95a5;font:inherit;font-size:14px;font-weight:600;line-height:1.4;
  padding:10px 12px;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s;
}
.tn-login-methods button.is-active{
  background:#fff;color:#1d293d;font-weight:700;box-shadow:0 1px 3px rgba(29,41,61,.08);
}
.tn-login-methods button:hover{color:#1d293d}
[data-tn-otp-form] [data-tn-step]{display:grid;gap:12px}
[data-tn-otp-form] [data-tn-step].tn-hidden,
[data-tn-otp-form] .tn-hidden{display:none !important}
[data-tn-otp-form] .ta-btn--outline{background:transparent}
[data-tn-otp-form] input[name="phone"],
[data-tn-otp-form] input[name="code"]{letter-spacing:.04em}
.ta-auth__tabs [data-ta-auth-tab="otp"],
.tn-otp-tab{display:none !important}
[data-tn-otp-form] .ta-btn + .ta-btn{margin-top:10px}
[data-tn-otp-form] [data-tn-verify]{margin-top:10px}
[data-tn-otp-form] [data-tn-resend]{margin-top:10px}

[data-tn-otp-form] > h2{margin:0 0 8px;}
[data-tn-otp-form] > p{margin:0 0 22px;color:#8b95a5;font-size:14px;line-height:1.8}
[data-tn-otp-form] [data-tn-send]{width:100%;margin:0 0 16px}