.auth-page main{display:grid;place-items:center}
.auth-page .auth-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px 36px}
.auth-page .auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px}
.auth-page .auth-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 4px 12px;color:var(--mute);font:500 14px Poppins;cursor:pointer}
.auth-page .auth-tabs button.active{color:var(--text);border-color:var(--gold)}
.auth-page .steps{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.auth-page .steps i{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:600 11px Poppins;font-style:normal;color:var(--mute)}
.auth-page .steps i.on{border-color:var(--gold);color:var(--text)}
.auth-page .steps hr{flex:1;border:0;border-top:1px solid var(--line)}
.auth-page .trade{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.auth-page .trade label{border:1px solid var(--line);border-radius:8px;padding:10px;text-align:center;font-size:12px;cursor:pointer}
.auth-page .trade input{display:none}
.auth-page .trade label:has(input:checked){border-color:var(--gold);background:var(--card2)}
.auth-page .hint{font-size:11px;color:var(--mute);margin:-8px 0 14px}
.auth-page .auth-card .btn{width:100%;padding:13px}
.auth-page [data-step]{display:none}.auth-page [data-step].active{display:block}
.auth-page .auth-tabs a{padding:0 4px 12px;color:var(--mute);border-bottom:2px solid transparent;font-weight:500;font-size:14px}
.auth-page .auth-tabs a.active{color:var(--text);border-color:var(--gold)}
.auth-page .err{color:var(--bad);font-size:12px;margin-bottom:12px}
.auth-page .alt{display:block;text-align:center;margin-top:14px;font-size:12px;color:var(--mute)}