*{box-sizing:border-box}html,body{color:#f5f7fb;background:#080a0f;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.auth-shell{background:radial-gradient(circle at 50% 0,#151a25 0,#0000 45%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#10131a;border:1px solid #262c38;border-radius:24px;width:min(500px,100%);padding:42px;box-shadow:0 28px 90px #0006}.brand{letter-spacing:.2em;color:#8f98aa;font-size:11px}.auth-card h1{margin:12px 0 2px;font-size:62px;line-height:1}.subtitle{color:#aeb6c5;margin:0 0 28px;font-size:17px}.tabs{background:#171b23;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px;padding:5px;display:grid}.tabs button{color:#8f98aa;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px}.tabs button.active{color:#fff;background:#252b37}form{gap:15px;display:grid}label{color:#cbd2de;gap:7px;font-size:13px;display:grid}input{color:#fff;background:#0b0e14;border:1px solid #303745;border-radius:10px;outline:none;width:100%;padding:12px 13px}input:focus{border-color:#69758b}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.submit{color:#0a0c10;cursor:pointer;background:#f2f4f8;border:0;border-radius:11px;margin-top:5px;padding:13px;font-weight:700}.submit:disabled{opacity:.55;cursor:wait}.error{color:#ffb7bf;background:#321b20;border-radius:10px;padding:11px 12px;font-size:13px}.welcome{color:#dce3ef;background:#171d28;border-radius:13px;gap:8px;padding:18px;display:grid}.welcome span{color:#9da8b9;font-size:14px}@media (max-width:560px){.auth-card{padding:28px}.grid{grid-template-columns:1fr}}