.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:600 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:600 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:600 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:minmax(0,1fr)}.auth-art{display:none}}
.brand-initial{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;font-weight:700;font-size:16px}
.auth-art-brand .art-inner{display:flex;flex-direction:column;justify-content:center;gap:14px;max-width:420px}
.auth-art-brand h2{font-size:34px;margin:0}.auth-art-brand .art-text{font-size:17px;line-height:1.6;opacity:.92;margin:0}.auth-art-brand .art-help{opacity:.75;margin:0}
.auth-art-brand{background:linear-gradient(150deg,var(--brand),var(--brand-700))!important}
.brand-page{background:var(--bg);min-height:100vh;display:flex;flex-direction:column}
.bp-wrap{max-width:820px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bp-head{background:var(--card);border-bottom:1px solid var(--line);border-top:3px solid var(--brand)}.bp-head .bp-wrap{height:68px}.bp-logo{margin:0;font-size:19px}
.bp-main{flex:1;padding:40px 0 56px}.bp-main .bp-wrap{display:block}
.bp-doc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:40px 44px}
.bp-eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink)}
.bp-doc h1{font:600 34px/1.15 var(--display);letter-spacing:-.02em;margin:6px 0 18px}
.bp-prose{font-size:16px;line-height:1.75;color:var(--text)}.bp-prose h2{font:700 20px/1.3 var(--display);margin:1.8em 0 .5em}.bp-prose ul{padding-left:1.3em}.bp-prose li{margin:.3em 0}.bp-prose a{color:var(--brand-ink)}.bp-prose em{color:var(--text-2)}
.bp-note{margin-bottom:18px}
.bp-foot{border-top:1px solid var(--line);padding:22px 0;font-size:13px;color:var(--text-3)}.bp-foot a{color:var(--text-3)}.bp-foot .bp-wrap{display:block;text-align:center}
.bp-error{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:48px 32px;text-align:center}.bp-error h1{font:600 28px/1.2 var(--display);margin:0 0 8px}.bp-error p{color:var(--text-2);margin:0 0 22px}.bp-error .bp-code{font:600 64px/1 var(--display);color:var(--brand-ink);margin:0 0 10px!important;opacity:.85}
@media (max-width:640px){.bp-doc{padding:26px 20px}.bp-doc h1{font-size:27px}}

/* 1.14: the illustration follows dark mode */
html[data-theme="dark"] .auth-art{background:radial-gradient(1200px 600px at 100% 0%,#3a43b5 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,#0d6b5c 0%,transparent 55%),linear-gradient(150deg,#1d2380,#11143f)}
html[data-theme="dark"] .art-chat{background:rgba(20,24,38,.97);color:#e9ebf3;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px #2c3350}
html[data-theme="dark"] .art-head{border-bottom-color:#262c3f}html[data-theme="dark"] .art-head small{color:#a3a9bd}html[data-theme="dark"] .art-av{border-color:#141826}
html[data-theme="dark"] .art-msg.in,html[data-theme="dark"] .art-typing{background:#232840}
@media (prefers-color-scheme:dark){
html[data-theme="auto"] .auth-art{background:radial-gradient(1200px 600px at 100% 0%,#3a43b5 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,#0d6b5c 0%,transparent 55%),linear-gradient(150deg,#1d2380,#11143f)}
html[data-theme="auto"] .art-chat{background:rgba(20,24,38,.97);color:#e9ebf3;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px #2c3350}
html[data-theme="auto"] .art-head{border-bottom-color:#262c3f}html[data-theme="auto"] .art-head small{color:#a3a9bd}html[data-theme="auto"] .art-av{border-color:#141826}
html[data-theme="auto"] .art-msg.in,html[data-theme="auto"] .art-typing{background:#232840}
}