.auth-split{--panel:#dbe6ff;--tint:#eef3ff;--tint-line:#d7e0f5;--navy:#1f3ec4;--spark:#ee8a2e;--st-blue:#214dff;--st-blue-hover:#163bd5;--st-blue-soft:#e8edff;--st-ink:#1d2129;--st-ink-2:#3a3f4b;--st-muted:#6c707b;--st-surface:#fff;--st-line:#e4e6ec;--st-line-2:#d5d8e0;--st-green:#1a9a68;--st-red:#d64545;--st-font:"Figtree", ui-sans-serif, system-ui, sans-serif;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:left;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{margin-bottom:22px}.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{border:1px solid var(--st-line-2);color:var(--st-ink);background:#fff;border-radius:8px;padding:12px 14px;font-size:16px}.auth-split input::placeholder{color:#9a9eab}.auth-split input:focus{border-color:var(--st-blue);box-shadow:0 0 0 3px var(--st-blue-soft);background:#fff;outline:none}.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-body{gap:16px;display:grid}.auth-split .auth-body h1{font-family:var(--font-heading);letter-spacing:-.6px;color:var(--st-ink);margin:0;font-size:26px;font-weight:800;line-height:1.2}.auth-body h1:focus{outline:none}.auth-values{color:var(--st-ink-2);gap:6px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.auth-values li{align-items:baseline;gap:8px;display:flex}.auth-values li:before{content:"✓";color:var(--st-green);font-weight:800}.auth-google-form{margin:0}.auth-google{border:1px solid var(--st-line-2);width:100%;color:var(--st-ink);font:700 15px var(--font-heading);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.auth-google:hover{border-color:var(--st-ink-2)}.auth-google[aria-busy=true]{cursor:progress}.auth-or{color:var(--st-muted);align-items:center;gap:10px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--st-line);flex:1;height:1px}.auth-form{gap:12px;display:grid}.auth-field{gap:6px;display:grid}.auth-field label{font:600 14px var(--font-heading);color:var(--st-ink-2)}.auth-input{position:relative}.auth-input input{width:100%}.auth-input input[type=password]{padding-right:48px}.auth-field:has(.auth-reveal) input{padding-right:48px}.auth-field-wrong input{border-color:var(--st-red)}.auth-field-wrong input:focus{border-color:var(--st-red);box-shadow:0 0 0 3px color-mix(in srgb, var(--st-red) 16%, transparent)}.auth-reveal{color:var(--st-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-reveal:hover{color:var(--st-ink);background:var(--st-blue-soft)}.auth-help{min-height:1.4em;font-size:13px;line-height:1.4;display:grid}.auth-help>span{grid-area:1/1;transition:opacity .2s,transform .2s}.auth-help-ok{color:var(--st-muted)}.auth-help-err{color:var(--st-red);opacity:0;transform:translateY(2px)}.auth-field-wrong .auth-help-ok{opacity:0;transform:translateY(-2px)}.auth-field-wrong .auth-help-err{opacity:1;transform:none}.auth-problem{color:#a12f2f;background:#fdecec;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.auth-split .st-btn{height:40px;font:700 14px var(--font-heading);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.auth-split .st-btn:active{transform:translateY(1px)}.auth-split .st-btn-primary{background:var(--st-blue);color:#fff}.auth-split .st-btn-primary:hover{background:var(--st-blue-hover)}.auth-split .st-btn-ghost{border-color:var(--st-line-2);color:var(--st-ink);background:#fff}.auth-split .st-btn-ghost:hover{border-color:var(--st-ink-2)}.auth-split .st-btn-text{color:var(--st-blue);background:0 0;padding:0 8px}.auth-split .st-btn.auth-submit{width:100%;height:48px;font-family:var(--font-heading);border-radius:8px;margin-top:4px;font-size:16px}.auth-foot{color:var(--st-muted);margin:0;font-size:14px}.auth-foot a{color:var(--st-blue);font-weight:700}.auth-foot-quiet a{color:var(--st-muted);font-weight:500;text-decoration:underline}.auth-muted{color:var(--st-muted);margin:0;font-size:14px}.auth-inbox p{margin:0}.auth-inbox-mark{background:var(--st-blue-soft);width:44px;height:44px;color:var(--st-blue);border-radius:50%;place-items:center;display:grid}.auth-inbox-acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.auth-waiting{border-left:1px solid var(--st-line);background:#f3f6ff;flex-direction:column;gap:14px;padding:96px 48px 48px;display:flex}.auth-waiting h2{font:700 12px var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--st-blue);margin:0}.auth-waiting-draft{border:1px solid var(--st-line);max-width:520px;max-height:360px;color:var(--st-ink);white-space:pre-line;background:#fff;border-radius:10px;padding:16px;font-size:16px;line-height:1.5;overflow:auto}.auth-waiting small{color:var(--st-muted);font-size:13px}.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-waiting{border-left:0;border-top:1px solid var(--st-line);padding:28px 16px 40px}.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,.auth-help>span{transition:none}}
