:root{--bg:#f8f7f4;--card:#fff;--s1:#f3f1ed;--border:#11182712;--ink:#15161a;--slate:#5b6270;--muted:#9aa0ac;--purple:#6320ee;--purple-dark:#4e19c4;--purple-tint:#f1ebfe;--purple-tint-strong:#e4d8fc;--mint:#0ea371;--mint-tint:#e7f7f0;--coral:#e0403a;--sh1:0 1px 2px #14100a0a;--sh-purple:0 6px 16px -4px #6320ee52;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}input,select,textarea{appearance:none;font-family:inherit}.mono{font-family:JetBrains Mono,monospace}.screen{min-height:100vh;display:none}.screen.active{animation:screenIn .26s var(--ease) forwards;display:block}.screen.leaving{animation:screenOut .18s var(--ease) forwards}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes screenOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.logomark{color:#fff;background:linear-gradient(155deg,#7b3ff2,#5717c9);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex;box-shadow:0 3px 8px #6320ee57}.logo-lockup{align-items:center;gap:10px;display:flex}.logo-lockup span{letter-spacing:-.02em;font-size:16px;font-weight:800}.btn-primary{background:var(--purple);color:#fff;cursor:pointer;width:100%;height:46px;box-shadow:var(--sh-purple);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.btn-primary:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-1.5px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-dots{align-items:center;gap:5px;display:flex}.btn-dots span{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite dot}.btn-dots span:nth-child(2){animation-delay:.14s}.btn-dots span:nth-child(3){animation-delay:.28s}@keyframes dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.btn-social{background:var(--card);border:1px solid var(--border);cursor:pointer;height:44px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.btn-social:hover{box-shadow:var(--sh1);border-color:#11182724;transform:translateY(-1px)}.btn-social svg{flex-shrink:0;width:17px;height:17px}.field-group{margin-bottom:14px}.field-label{color:var(--slate);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field-input{background:var(--card);border:1px solid var(--border);width:100%;height:44px;color:var(--ink);border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-tint)}.field-input::placeholder{color:var(--muted)}.field-collapse{opacity:0;max-height:0;transition:max-height .3s var(--ease), opacity .25s ease, margin .3s var(--ease);overflow:hidden}.field-collapse.show{opacity:1;max-height:90px}.link-purple{color:var(--purple);cursor:pointer;font-size:12.5px;font-weight:600;text-decoration:none}.link-purple:hover{text-decoration:underline}.login-split{grid-template-columns:42fr 58fr;min-height:100vh;display:grid}@media (max-width:860px){.login-split{grid-template-columns:1fr}.login-left{display:none}}.login-left{color:#fff;background:linear-gradient(160deg,#1a0e3a,#0d0b14);flex-direction:column;justify-content:space-between;padding:40px 44px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.login-orb{opacity:.12;pointer-events:none;background:radial-gradient(circle,#7b3ff2 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;right:-160px}.login-left-top{z-index:1;position:relative}.login-left .logo-lockup span{color:#fff}.login-headline{letter-spacing:-.03em;z-index:1;margin:48px 0 34px;font-size:40px;font-weight:800;line-height:1.15;position:relative}.login-features{z-index:1;flex-direction:column;gap:14px;display:flex;position:relative}.login-feature{color:#ffffffa6;align-items:center;gap:10px;font-size:14px;display:flex}.login-feature-dot{background:var(--mint);border-radius:50%;flex-shrink:0;width:6px;height:6px}.login-testimonial{z-index:1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;margin-top:40px;padding:18px;position:relative}.login-testimonial-quote{color:#ffffffb3;margin-bottom:10px;font-size:13px;line-height:1.5}.login-testimonial-author{color:#ffffff59;font-size:11px}.login-right{background:var(--bg);justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-right-inner{width:100%;max-width:400px}.auth-tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:28px;display:flex}.auth-tab{color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 12px;font-size:13.5px;font-weight:700;transition:color .15s,border-color .15s}.auth-tab:hover{color:var(--ink)}.auth-tab.active{color:var(--purple);border-bottom-color:var(--purple)}.auth-headline{letter-spacing:-.02em;margin-bottom:6px;font-size:26px;font-weight:800}.auth-subline{color:var(--slate);margin-bottom:28px;font-size:14px}.social-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:11px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-fineprint{color:var(--muted);text-align:center;margin-top:20px;font-size:10.5px}.verify-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.verify-card{text-align:center;width:100%;max-width:440px}.verify-back{color:var(--muted);cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:600;transition:color .15s;display:flex;position:fixed;top:28px;left:32px}.verify-back:hover{color:var(--ink)}.verify-headline{letter-spacing:-.02em;margin:22px 0 8px;font-size:28px;font-weight:800}.verify-sub{color:var(--slate);margin-bottom:32px;font-size:14px}.verify-email{color:var(--purple);font-weight:600}.otp-row{justify-content:center;gap:10px;margin-bottom:22px;display:flex}.otp-box{background:var(--card);border:1.5px solid var(--border);text-align:center;width:56px;height:64px;color:var(--ink);transition:border-color .15s ease, background .15s ease, transform .15s var(--ease);border-radius:12px;outline:none;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.otp-box:focus{border-color:var(--purple);transform:scale(1.04)}.otp-box.filled{background:var(--purple-tint);border-color:var(--purple-tint-strong)}.otp-box.error{border-color:var(--coral);animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.otp-timer{color:var(--muted);margin-bottom:26px;font-size:12px}.otp-timer.expired{color:var(--coral);font-weight:600}.otp-resend{color:var(--muted);margin-top:16px;font-size:12.5px}.otp-resend a{color:var(--muted);pointer-events:none;font-weight:600}.otp-resend a.enabled{color:var(--purple);pointer-events:auto;cursor:pointer}.otp-resend a.enabled:hover{text-decoration:underline}.verify-success{flex-direction:column;align-items:center;gap:10px;display:none}.verify-success.show{display:flex}.verify-success-circle{background:var(--mint-tint);width:56px;height:56px;color:var(--mint);animation:popIn .3s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.onboard-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.onboard-card{width:100%;max-width:500px}.onboard-progress-track{background:var(--s1);border-radius:999px;width:100%;height:4px;margin-bottom:16px;overflow:hidden}.onboard-progress-fill{background:var(--purple);border-radius:999px;width:0%;height:100%;transition:width .4s}.onboard-step-label{color:var(--muted);margin-bottom:22px;font-size:11px}.onboard-headline{letter-spacing:-.02em;margin-bottom:6px;font-size:26px;font-weight:800}.onboard-sub{color:var(--slate);margin-bottom:30px;font-size:13px}.onboard-actions{gap:10px;margin-top:26px;display:flex}.btn-outline-onb{background:var(--card);border:1px solid var(--border);height:46px;color:var(--ink);cursor:pointer;border-radius:10px;flex:1;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s}.btn-outline-onb:hover{background:var(--s1)}.role-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.role-dropdown{position:relative}.role-dropdown-trigger{background:var(--card);border:1px solid var(--border);cursor:pointer;height:44px;color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;padding:0 14px;font-size:13.5px;transition:border-color .15s,box-shadow .15s;display:flex}.role-dropdown-trigger.placeholder{color:var(--muted)}.role-dropdown-trigger .material-symbols-outlined{color:var(--muted);font-size:18px;transition:transform .15s}.role-dropdown.open .role-dropdown-trigger{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-tint)}.role-dropdown.open .role-dropdown-trigger .material-symbols-outlined{transform:rotate(180deg)}.role-dropdown-panel{z-index:10;background:var(--card);border:1px solid var(--border);opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .15s var(--ease);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;transform:translateY(-6px);box-shadow:0 10px 30px -8px #14100a2e,0 2px 8px #14100a0f}.role-dropdown.open .role-dropdown-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.role-dropdown-row{height:40px;color:var(--ink);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;transition:background .12s;display:flex}.role-dropdown-row:hover{background:var(--s1)}.role-dropdown-row .role-check{opacity:0;color:var(--purple);font-size:16px}.role-dropdown-row.selected{color:var(--purple);font-weight:700}.role-dropdown-row.selected .role-check{opacity:1}.team-size-row{gap:8px;display:flex}.team-size-chip{text-align:center;background:var(--s1);border:1px solid var(--border);color:var(--slate);cursor:pointer;border-radius:999px;flex:1;padding:9px 0;font-size:12.5px;font-weight:700;transition:background .12s,color .12s,border-color .12s,transform .13s}.team-size-chip:active{transform:scale(.97)}.team-size-chip.selected{background:var(--purple);color:#fff;border-color:var(--purple);animation:.13s chipPop}@keyframes chipPop{0%{transform:scale(.97)}to{transform:scale(1)}}.onboard-skip{color:var(--muted);cursor:pointer;font-size:12px}.onboard-skip:hover{color:var(--slate);text-decoration:underline}.role-card{border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;padding:14px;transition:border-color .15s,background .15s}.role-card:hover{border-color:#6320ee4d}.role-card.selected{border-color:var(--purple);background:var(--purple-tint)}.role-card-title{color:var(--ink);font-size:13px;font-weight:700}.role-card-sub{color:var(--slate-light,var(--muted));margin-top:2px;font-size:11px}.channel-pref-row{gap:10px;display:flex}.channel-pref-card{border:1.5px solid var(--border);text-align:center;cursor:pointer;border-radius:10px;flex:1;padding:16px;transition:border-color .15s,background .15s}.channel-pref-card:hover{border-color:#6320ee4d}.channel-pref-card.selected{border-color:var(--purple);background:var(--purple-tint)}.channel-pref-card .material-symbols-outlined{color:var(--purple);margin-bottom:6px;font-size:22px}.welcome-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.welcome-card{text-align:center;width:100%;max-width:460px}.welcome-circle{background:var(--purple-tint);width:64px;height:64px;color:var(--purple);animation:popIn .35s var(--ease);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:30px;display:flex}.welcome-headline{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}.welcome-sub{color:var(--slate);margin-bottom:30px;font-size:14px;line-height:1.5}.welcome-stub-note{color:var(--muted);margin-top:18px;font-size:10.5px}.login-form-title{color:var(--ink,#10121a);letter-spacing:-.01em;margin-bottom:6px;font-size:22px;font-weight:700}.login-form-sub{color:var(--slate,#6b7280);margin-bottom:20px;font-size:13.5px;line-height:1.5}