body{min-height:100dvh;background:radial-gradient(circle at 15% 0,rgba(124,92,255,.22),transparent 45%),radial-gradient(circle at 100% 100%,rgba(47,182,255,.14),transparent 45%),var(--bg)}
.auth{width:min(440px,100%);margin:0 auto;padding:40px 20px;display:grid;gap:22px;justify-items:center}
.auth-card{width:100%;padding:26px}
.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#0f0f18;border:1px solid var(--line);margin-bottom:22px}
.tabs button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;min-height:40px;border-radius:9px;cursor:pointer}
.tabs button.on{background:var(--card2);color:var(--text);box-shadow:0 2px 10px rgba(0,0,0,.3)}
.auth h1{font-size:24px;font-weight:900}
.sub{margin:4px 0 20px}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--soft);margin:4px 0 16px;cursor:pointer}
.agree input{margin-top:2px;flex:none}
.small{font-size:13.5px}
.invite-box{margin:-6px 0 18px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(46,212,122,.16),rgba(124,92,255,.12));border:1px solid rgba(46,212,122,.45);font-size:14px;line-height:1.45}
.invite-box b{color:#fff}
.invite-box.bad{background:var(--bad-soft);border-color:rgba(255,84,112,.4)}
.center{text-align:center}