.role-eyebrow{color:#1d4ed8}[data-theme=dark] .role-eyebrow{color:#93c5fd}.professional-main{max-width:1200px;margin:auto;padding:clamp(1.25rem,4vw,3.5rem) 1.5rem}.professional-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:3rem;display:grid}.professional-hero h1{letter-spacing:-.04em;margin:.8rem 0 1.25rem;font-size:clamp(2rem,3.7vw,3rem);font-weight:750;line-height:1.2}.professional-hero h1 span,.role-signup-story h2 span{color:var(--learn-pink)}.professional-hero-copy{max-width:37rem;color:var(--learn-muted);font-size:1rem;line-height:1.8}.professional-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.professional-actions a{border:1px solid var(--border-strong);border-radius:.8rem;justify-content:center;align-items:center;gap:.6rem;min-height:46px;padding:.8rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-flex}.professional-secondary{color:var(--learn-ink);background:var(--learn-surface)}.professional-access-note{color:var(--learn-muted);align-items:center;gap:.5rem;margin-top:1rem;font-size:.8rem;display:flex}.professional-access-note svg{color:var(--learn-green);flex-shrink:0}.professional-workspace-preview{border:1px solid var(--learn-border);background:linear-gradient(145deg,var(--learn-blue-soft),var(--learn-surface) 50%);border-radius:1.25rem;padding:1.4rem;box-shadow:0 12px 35px #172b4509}.professional-preview-heading{align-items:center;gap:.9rem;margin-bottom:1.25rem;display:flex}.professional-preview-heading>span{border:1px solid var(--learn-border);width:3rem;height:3rem;color:var(--learn-blue);background:var(--learn-surface);border-radius:.9rem;place-items:center;display:grid}.professional-preview-heading p{color:var(--learn-muted);font-size:.72rem}.professional-preview-heading h2{margin-top:.2rem;font-size:1.2rem;font-weight:750}.professional-preview-row{border-top:1px solid var(--learn-border);align-items:center;gap:.7rem;padding:1rem 0;display:flex}.professional-preview-row>svg{color:var(--learn-blue);flex-shrink:0}.professional-preview-row>div{flex:1;min-width:0}.professional-preview-row strong{font-size:.85rem;font-weight:700}.professional-preview-row p{color:var(--learn-muted);margin-top:.2rem;font-size:.75rem;line-height:1.55}.professional-review-label{color:var(--learn-orange);background:var(--learn-orange-soft);border-radius:.5rem;padding:.3rem .5rem;font-size:.65rem;font-weight:700}.professional-preview-footer{border-top:1px solid var(--learn-border);color:var(--learn-green);padding-top:1rem;font-size:.8rem;font-weight:650}.professional-steps{margin-top:3.5rem}.professional-section-heading h2{letter-spacing:-.025em;margin:.4rem 0 .65rem;font-size:clamp(1.4rem,2.3vw,1.8rem);font-weight:750;line-height:1.4}.professional-section-heading>p:last-child{color:var(--learn-muted);font-size:.9rem;line-height:1.65}.professional-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem;display:grid}.professional-steps li{border:1px solid var(--learn-border);background:var(--learn-surface);border-radius:1rem;padding:1.3rem}.professional-step-top{color:var(--learn-blue);justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.professional-step-top>span:first-child{background:var(--learn-blue-soft);border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.professional-step-top>span:last-child{font-size:.8rem;font-weight:750}[data-step-tone="1"] .professional-step-top{color:var(--learn-orange)}[data-step-tone="1"] .professional-step-top>span:first-child{background:var(--learn-orange-soft)}[data-step-tone="2"] .professional-step-top{color:var(--learn-green)}[data-step-tone="2"] .professional-step-top>span:first-child{background:var(--learn-green-soft)}.professional-steps h3{font-size:1rem;font-weight:700;line-height:1.5}.professional-steps li>p{color:var(--learn-muted);margin-top:.6rem;font-size:.85rem;line-height:1.75}.professional-account-note{border:1px solid var(--learn-border);background:var(--learn-blue-soft);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;padding:1.25rem;display:flex}.professional-account-note>svg{color:var(--learn-blue);flex-shrink:0}.professional-account-note>div{flex:23rem}.professional-account-note h2{font-size:.95rem;font-weight:700}.professional-account-note p{color:var(--learn-muted);margin-top:.35rem;font-size:.82rem;line-height:1.7}.professional-account-note a{min-height:44px;color:var(--learn-blue);align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.role-signup-shell{padding:1.5rem}.role-signup-brand{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto 2rem;display:flex}.role-signup-brand>a:last-child{min-height:44px;color:var(--learn-blue);align-items:center;font-size:.85rem;font-weight:650;display:flex}.role-signup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:3rem;max-width:1100px;margin:auto;display:grid}.role-signup-story{padding:2rem 0}.role-signup-story-icon{border:1px solid var(--learn-border);background:var(--learn-blue-soft);width:3.5rem;height:3.5rem;color:var(--learn-blue);border-radius:1rem;place-items:center;margin-bottom:1.4rem;display:grid}.role-signup-story h2{letter-spacing:-.035em;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:750;line-height:1.25}.role-signup-story>p{max-width:28rem;color:var(--learn-muted);margin-top:1.2rem;font-size:.95rem;line-height:1.8}.role-signup-story ul{gap:1.25rem;margin-top:1.8rem;display:grid}.role-signup-story li{align-items:start;gap:.75rem;font-size:.85rem;line-height:1.6;display:flex}.role-signup-story li svg{color:var(--learn-green);flex-shrink:0;margin-top:.2rem}.role-signup-story .role-signup-help{border-top:1px solid var(--learn-border);margin-top:1.8rem;padding-top:1.3rem;font-size:.8rem}html[data-theme] .role-signup-shell .role-signup-card{background:var(--learn-surface);border:1px solid var(--learn-border);border-top:3px solid var(--learn-blue);color:var(--learn-ink);border-radius:1.2rem;box-shadow:0 6px 24px #172b4505}.role-signup-card:before{display:none}.role-signup-card h1{letter-spacing:-.025em;font-size:1.65rem;line-height:1.3}html[data-theme] :is(.role-signup-card,.role-login-shell) :is(input,select){background:var(--learn-surface);color:var(--learn-ink);border-color:var(--learn-muted)}.role-signup-card :is(input,button){min-height:44px}.role-signup-card :is(a,input,button):focus-visible{outline:3px solid var(--learn-blue);outline-offset:3px}html[data-theme] .role-signup-card .role-eyebrow{color:var(--learn-blue)}html[data-theme] .role-login-shell{background:var(--learn-canvas)}.role-login-shell>:is(.hero-glow,.absolute){display:none}html[data-theme] .role-login-shell .auth-color-card{background:var(--learn-surface);border-color:var(--learn-border);box-shadow:none}.role-login-shell .full-brand-logo--auth{width:80px;height:80px}.role-login-shell .full-brand-logo--auth img{width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.professional-workspace-preview{animation:.3s ease-out both professional-arrive}.professional-steps li{transition:border-color .15s,transform .15s}.professional-steps li:hover{border-color:var(--learn-blue);transform:translateY(-2px)}}@keyframes professional-arrive{0%{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:900px){.professional-hero{grid-template-columns:minmax(0,1fr);gap:2rem}.professional-workspace-preview{max-width:42rem}.role-signup-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:36rem}.role-signup-story{padding:0}.role-signup-story h2{font-size:1.8rem}.role-signup-story ul,.role-signup-story-icon,.role-signup-story .role-signup-help{display:none}.role-signup-story>p{max-width:none;margin-top:.6rem;font-size:.85rem}}@media (max-width:639px){.professional-main{padding:2rem 1rem}.professional-hero h1{font-size:2rem}.professional-steps{margin-top:2.5rem}.professional-steps ol{grid-template-columns:minmax(0,1fr)}.professional-actions a{flex:100%}.professional-workspace-preview{padding:1.1rem}.role-signup-shell{padding:1rem}.role-signup-card h1{font-size:1.4rem}.role-signup-brand{margin-bottom:1rem}.role-signup-card input{font-size:16px}}
