.auth-split{--panel:#dbe6ff;--tint:#eef3ff;--tint-line:#d7e0f5;--navy:#1f3ec4;--spark:#ee8a2e;background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-form-side{justify-content:center;align-items:center;padding:48px 24px;display:flex}.auth-split .auth-card{text-align:center;background:#fff;border:1px solid #ececef;border-radius:6px;width:100%;max-width:500px;padding:48px 48px 40px;box-shadow:0 18px 48px -32px #141e4640}.auth-brand{justify-content:center;margin-bottom:18px}.auth-tagline{margin-bottom:30px;font-size:17px}.auth-split .auth-card h1{letter-spacing:-.6px;margin-bottom:6px;font-size:24px}.auth-split .stack{text-align:left;gap:18px}.auth-split .field>span,.auth-split .field label>span{color:#303030;font-size:14px;font-weight:500}.auth-split .field{gap:7px}.auth-split input{background:var(--tint);border-color:var(--tint-line);border-radius:4px;padding:15px 14px;font-size:16px}.auth-split input:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 3px #214dff26}.auth-name-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.password-input{position:relative}.password-input input{padding-right:48px}.password-toggle{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){color:var(--ink);background:#214dff14;transform:translateY(-50%)}.password-meter{align-items:center;gap:12px;display:flex}.password-meter-bar{background:#d6d8de;border-radius:999px;flex:1;height:6px;overflow:hidden}.password-meter-bar i{border-radius:inherit;background:#c33d2e;width:0;height:100%;transition:width .25s,background-color .25s;display:block}.password-meter[data-level="1"] i{background:#c33d2e;width:25%}.password-meter[data-level="2"] i{background:var(--spark);width:50%}.password-meter[data-level="3"] i{background:#2f9e5b;width:75%}.password-meter[data-level="4"] i{background:#1f7a45;width:100%}.password-meter small{white-space:nowrap}.auth-split .stack>.button{background:var(--navy);border-radius:999px;align-self:stretch;margin-top:4px;padding:15px 20px;font-size:17px;font-weight:700}.auth-split .stack>.button:hover:not(:disabled){background:var(--blue-hover)}.auth-split .form-footer{margin-top:16px;font-size:14px}.auth-split .form-footer a{font-weight:700;text-decoration:underline}.auth-split .form-footer+.form-footer{margin-top:8px}.auth-split .notice{text-align:left}.auth-scene{background:var(--panel);flex-direction:column;align-items:center;gap:72px;padding:96px 48px 48px;display:flex;overflow:hidden}.auth-scene h2{letter-spacing:-.8px;text-align:center;color:#262a36;margin:0;font-size:clamp(28px,2.6vw,38px);font-weight:400;line-height:1.25}.scene{aspect-ratio:560/440;width:min(100%,560px);position:relative}.scene-window{background:var(--blue);border-radius:12px;width:66%;padding:10px 10px 0;position:absolute;top:6%;left:4%;box-shadow:0 30px 60px -30px #141e5a80}.scene-window-bar{color:#fff;font-family:var(--font-heading);align-items:center;gap:10px;padding:2px 4px 10px;font-size:11px;display:flex}.scene-window-brand{letter-spacing:-.5px;font-weight:700}.scene-window-brand i{color:#ffd2a8;font-style:normal}.scene-window-crumb{opacity:.7;border-left:1px solid #fff6;flex:1;padding-left:10px}.scene-window-cta{color:var(--blue);background:#fff;border-radius:4px;padding:3px 9px;font-weight:700}.scene-window-body{background:#fff;border-radius:8px 8px 0 0;min-height:190px;padding:16px}.scene-post{align-items:center;gap:10px;margin-bottom:12px;display:flex}.scene-post b{font-family:var(--font-heading);font-size:12px;display:block}.scene-post small{font-size:10px;line-height:1.3;display:block}.scene-avatar{background:linear-gradient(135deg,#ffb473,#ee8a2e);border-radius:50%;flex-shrink:0;width:32px;height:32px}.scene-post-hook{font-family:var(--font-heading);margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.3}.scene-post-line{background:#e4e7ef;border-radius:4px;height:7px;margin:0 0 7px}.scene-post-line.short{width:62%}.scene-reply{background:#fff;border-radius:12px;flex-direction:column;gap:2px;width:46%;padding:16px 18px;display:flex;position:absolute;bottom:8%;right:12%;box-shadow:0 30px 50px -28px #141e5a73}.scene-reply-label{font:700 10px/1.4 var(--font-heading);letter-spacing:1.2px;text-transform:uppercase;color:var(--blue);margin-bottom:6px}.scene-reply b{font-family:var(--font-heading);font-size:13px}.scene-reply small{font-size:11px}.scene-reply p{color:#262a36;margin:8px 0 10px;font-size:13px;line-height:1.4}.scene-reply-action{background:var(--navy);color:#fff;font:700 11px/1.4 var(--font-heading);border-radius:999px;align-self:flex-start;padding:6px 12px}.scene-rail{background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:0;right:2%;box-shadow:0 16px 30px -20px #141e5a66}.scene-rail span{color:#4b5165;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.scene-rail span.active{background:var(--blue);color:#fff}.scene-fan{width:22%;stroke:var(--navy);position:absolute;bottom:0;left:22%}.scene-spark{width:9%;fill:var(--spark);position:absolute}.spark-a{bottom:14%;left:0}.spark-b{top:26%;right:14%}.scene-dots{grid-template-columns:1fr 1fr;gap:4px;width:15%;display:grid;position:absolute;bottom:28%;right:0}.scene-dots span{aspect-ratio:1;background:var(--blue);border-radius:50%}@media (max-width:1000px){.auth-scene{gap:40px;padding:64px 32px 40px}}@media (max-width:820px){.auth-split{grid-template-columns:1fr}.auth-scene{display:none}.auth-form-side{align-items:flex-start;padding:32px 16px}.auth-split .auth-card{padding:32px 22px 28px}}@media (prefers-reduced-motion:reduce){.password-meter-bar i{transition:none}}