.auth{background:var(--card)}
.auth-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.auth-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}
.auth-logo{display:flex;align-items:center;gap:10px;font:800 21px/1 var(--display);color:var(--text);margin-bottom:28px;text-decoration:none!important}
.auth-card{width:100%;max-width:400px}
.auth-card h1{font:800 28px/1.15 var(--display);letter-spacing:-.02em;margin:0 0 6px}
.auth-card .lead{color:var(--text-2);margin:0 0 24px}
.auth-card .btn-block{height:46px;font-size:15.5px}
.auth-alt{margin-top:22px;text-align:center;color:var(--text-2);font-size:14.5px}
.auth-legal{margin-top:36px;font-size:12.5px;color:var(--text-3)}.auth-legal a{color:var(--text-3)}
.pw{position:relative}.pw .input{padding-right:44px}.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--text-3);cursor:pointer;padding:6px;border-radius:6px}.pw button:hover{color:var(--text)}.pw svg{width:18px;height:18px}
.auth-art{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 100% 0%,#7b84ff 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,#14c8a8 0%,transparent 55%),linear-gradient(150deg,#3d48e6,#232a8f);color:#fff;display:flex;align-items:center;justify-content:center;padding:48px}
.art-inner{max-width:440px}
.auth-art h2{font:800 38px/1.1 var(--display);letter-spacing:-.025em;margin:0 0 22px}.auth-art h2 span{opacity:.75}
.auth-art ul{list-style:none;padding:0;margin:0 0 36px;display:grid;gap:12px;font-size:16px}
.auth-art li{display:flex;gap:10px;align-items:center}.auth-art li svg{width:20px;height:20px;background:rgba(255,255,255,.18);border-radius:50%;padding:3px;flex:none}
.art-chat{background:rgba(255,255,255,.96);color:#14161f;border-radius:20px;padding:18px;box-shadow:0 30px 70px rgba(10,14,60,.45);transform:rotate(-1.5deg)}
.art-head{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid #eceef3;margin-bottom:14px}
.art-head b{display:block;font-size:14px}.art-head small{color:#646b7d;font-size:12px}
.art-av{width:30px;height:30px;border-radius:50%;background:#4f5bff;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border:2px solid #fff}.art-av.b{background:#14c8a8;margin-left:-12px}
.art-msg{padding:10px 14px;border-radius:16px;max-width:85%;font-size:14px;margin-bottom:8px;line-height:1.45}
.art-msg.in{background:#f1f2f6;border-bottom-left-radius:5px}
.art-msg.out{background:#4f5bff;color:#fff;margin-left:auto;border-bottom-right-radius:5px}
.art-typing{display:inline-flex;gap:4px;background:#f1f2f6;padding:11px 13px;border-radius:16px}.art-typing i{width:7px;height:7px;border-radius:50%;background:#9aa0b1;animation:bl 1.2s infinite}.art-typing i:nth-child(2){animation-delay:.2s}.art-typing i:nth-child(3){animation-delay:.4s}
@keyframes bl{0%,80%,100%{opacity:.3}40%{opacity:1}}
.otp{font:600 26px/1 var(--mono);letter-spacing:.35em;text-align:center}
.invite-card{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;margin-bottom:20px;background:var(--card-2)}
@media (max-width:900px){.auth-main{grid-template-columns:1fr}.auth-art{display:none}}