.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}.auth .art{background:var(--side);color:#dce5e2;padding:56px;display:flex;flex-direction:column}.auth .art .logo{font-size:28px;padding:0}.auth .art .logo i{width:44px;height:44px;font-size:22px}.auth .art h2{font-size:38px;font-weight:900;color:#fff;line-height:1.35;margin-top:auto}.auth .art p{color:#9fb0ab;font-size:17px;margin-top:12px;max-width:440px}.auth .art ul{list-style:none;margin:36px 0 auto;display:grid;gap:12px}.auth .art li{display:flex;gap:10px;align-items:center;color:#c5d1cd}.auth .art li svg{color:#7fc4b6}.auth .form{display:grid;place-items:center;padding:24px}.auth .panel{width:100%;max-width:400px}.auth .mlogo{display:none;color:var(--ink);margin-bottom:30px;padding:0}.auth .steps{display:flex;gap:8px;margin-bottom:26px;font-size:13px;font-weight:700}.auth .steps div{flex:1 1;padding-top:8px;border-top:3px solid var(--line);color:var(--muted)}.auth .steps .done{border-color:var(--brand);color:var(--brand)}.auth .steps .cur{border-color:var(--ink);color:var(--ink)}.auth h1{font-size:28px;font-weight:900}.auth .lead{color:var(--muted);margin:6px 0 22px}.auth .otp{direction:ltr;text-align:center;letter-spacing:12px;font-size:26px;font-weight:700;padding:12px}.auth .qr{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.auth .qr img{width:190px;height:190px}.auth .secret{font-family:Consolas,monospace;font-size:13px;word-break:break-all;background:var(--card);border:1px dashed var(--line);padding:8px 10px;border-radius:8px;margin-bottom:18px}.auth .sec{margin-top:22px;display:flex;gap:10px;padding:14px;border-radius:12px;background:var(--brand-2);color:var(--brand);font-size:13.5px}.auth form>*+.btn{margin-top:6px}@media (max-width:760px){.auth{grid-template-columns:minmax(0,1fr)}.auth .art{display:none}.auth .form{place-items:start center;padding:40px 22px}.auth .mlogo{display:flex}}