:root{--blue:#2557f5;--blue-dark:#173eb8;--ink:#0b1221;--muted:#536177;--faint:#8490a3;--line:rgba(11,18,33,.1);--paper:#fbfaf7;--mint:#22c99a;--coral:#ff6b5e;--sans:'Plus Jakarta Sans',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink);background:var(--paper)}body{min-height:100vh}.back{position:fixed;top:22px;right:28px;z-index:10;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.back:hover{color:var(--blue)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(540px,1.08fr)}.auth-story{position:relative;overflow:hidden;padding:44px clamp(38px,6vw,88px);background:var(--ink);color:#fff;display:flex;flex-direction:column}.auth-story::before{content:"";position:absolute;width:500px;height:500px;right:-260px;top:12%;border:100px solid rgba(37,87,245,.32);border-radius:50%}.auth-story::after{content:"";position:absolute;width:260px;height:260px;left:-140px;bottom:-90px;background:var(--coral);border-radius:48% 52% 58% 42% / 44% 50% 50% 56%;opacity:.82}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--blue);font-weight:900}.brand b{color:#7290ff}.story-copy{position:relative;z-index:1;margin:auto 0 38px;max-width:580px}.eyebrow{display:block;margin-bottom:20px;color:#7ce7c8;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.story-copy h1{margin:0 0 24px;font-size:clamp(50px,5.2vw,76px);line-height:1.01;letter-spacing:-.06em}.story-copy p{max-width:530px;margin:0;color:rgba(255,255,255,.64);font-size:17px;line-height:1.7}.story-proof{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);margin-bottom:30px}.story-proof div{padding:22px 12px 0 0}.story-proof strong{display:block;font:700 24px var(--mono)}.story-proof span{color:rgba(255,255,255,.5);font-size:12px}.mini-workspace{position:relative;z-index:1;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);overflow:hidden}.mini-top,.mini-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 16px}.mini-top{border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.62)}.mini-top>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--mint)}.mini-top b{padding:4px 7px;border-radius:6px;background:rgba(34,201,154,.14);color:#7ce7c8;font-size:9px}.mini-row{font-size:12px;color:rgba(255,255,255,.74)}.mini-row+.mini-row{border-top:1px solid rgba(255,255,255,.07)}.mini-row i{color:rgba(255,255,255,.35);font-style:normal;font-family:var(--mono)}.mini-row b{color:#7ce7c8}.auth-panel{display:grid;place-items:center;padding:70px clamp(28px,7vw,110px)}.panel-inner{width:100%;max-width:520px}.progress{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:64px}.progress span{position:relative;color:var(--faint);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.progress span:not(:last-child)::after{content:"";position:absolute;left:34px;right:12px;top:13px;height:1px;background:var(--line)}.progress i{width:27px;height:27px;margin-bottom:8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:700 10px var(--mono);font-style:normal}.progress span.on{color:var(--blue)}.progress span.on i{background:var(--blue);border-color:var(--blue);color:#fff}.auth-step{display:none}.auth-step.on{display:block;animation:enter .32s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.step-label{display:block;margin-bottom:12px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.12em}.auth-step h2{margin:0 0 12px;font-size:38px;line-height:1.12;letter-spacing:-.045em}.lead{margin:0 0 30px;color:var(--muted);font-size:15px;line-height:1.6}.social-btn{width:100%;min-height:50px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:750 14px var(--sans);cursor:pointer}.social-btn:hover{border-color:var(--blue)}.google-g{margin-right:8px;color:#4285f4;font-weight:900}.or{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--faint);font-size:11px}.or::before,.or::after{content:"";height:1px;background:var(--line);flex:1}.field-row{margin-bottom:18px}.field-row label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;font-weight:800}.field-row label small{color:var(--faint);font-weight:600}.field-row label a{color:var(--blue);text-decoration:none}.field-row input,.field-row select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:600 14px var(--sans);outline:none}.field-row input:focus,.field-row select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,87,245,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:68px}.password-wrap button{position:absolute;right:7px;top:7px;min-height:36px;padding:0 10px;border:0;border-radius:7px;background:rgba(37,87,245,.08);color:var(--blue);font:750 11px var(--sans);cursor:pointer}.primary-action{width:100%;min-height:52px;margin-top:6px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:var(--blue);color:#fff;font:800 14px var(--sans);text-decoration:none;cursor:pointer;box-shadow:0 10px 28px rgba(37,87,245,.23);transition:.18s}.primary-action:hover{background:var(--blue-dark);transform:translateY(-2px)}.primary-action span{font-size:18px}.legal,.switch-mode{margin:18px 0 0;color:var(--faint);font-size:11px;line-height:1.6;text-align:center}.legal a,.switch-mode a{color:var(--blue);font-weight:750}.switch-mode{font-size:13px;color:var(--muted)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid button{min-height:128px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-align:left;font-family:var(--sans);cursor:pointer;transition:.16s}.choice-grid button:hover{border-color:rgba(37,87,245,.5);transform:translateY(-2px)}.choice-grid button.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:rgba(37,87,245,.04)}.choice-grid button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(37,87,245,.09);color:var(--blue);font:800 10px var(--mono)}.choice-grid b,.choice-grid small{display:block}.choice-grid b{margin:14px 0 4px;font-size:13px}.choice-grid small{color:var(--faint);font-size:11px}.role-field{margin-top:22px}.step-actions{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}.back-step{min-height:48px;border:0;background:transparent;color:var(--muted);font:750 13px var(--sans);cursor:pointer}.back-step:hover{color:var(--blue)}.selected-plan{padding:22px;margin-bottom:24px;border:1px solid rgba(37,87,245,.28);border-radius:15px;background:rgba(37,87,245,.04);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.selected-plan span{display:inline-block;padding:4px 7px;border-radius:6px;background:var(--blue);color:#fff;font:800 9px var(--mono);letter-spacing:.08em}.selected-plan h3{margin:12px 0 5px;font-size:19px}.selected-plan p{margin:0;color:var(--muted);font-size:12px}.selected-plan>strong{font:700 24px var(--mono);white-space:nowrap}.included{margin-bottom:24px}.included>div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.included>div>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(34,201,154,.12);color:#087759;font-size:11px}.included p{margin:0}.included b,.included small{display:block}.included b{font-size:13px}.included small{margin-top:3px;color:var(--faint);font-size:11px}.centered{display:block;margin:12px auto 0}.login-step .progress{display:none}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:430px;padding:36px}.story-copy{margin:80px 0 30px}.story-copy h1{font-size:52px}.mini-workspace{display:none}.auth-panel{padding:60px 28px}.back{color:#fff}.progress{margin-bottom:48px}}
@media(max-width:560px){.auth-story{min-height:360px;padding:26px 20px}.story-copy{margin:60px 0 22px}.story-copy h1{font-size:44px}.story-copy p{font-size:15px}.story-proof{grid-template-columns:1fr 1fr}.story-proof div:last-child{display:none}.auth-panel{padding:46px 20px}.auth-step h2{font-size:32px}.progress span{font-size:9px}.choice-grid{grid-template-columns:1fr}.choice-grid button{min-height:105px}.step-actions{grid-template-columns:1fr}.step-actions .back-step{order:2}.selected-plan{flex-direction:column}.back{top:24px;right:20px;font-size:0}.back::after{content:"←";font-size:20px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}