.onboarding-layout{min-height:100vh;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);overflow:auto;z-index:100}.onboarding-layout-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.onboarding-layout-content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.onboarding-layout *,.onboarding-layout *:before,.onboarding-layout *:after{box-sizing:border-box}.onboarding-layout{color:#f8fafc}.onboarding-layout h1,.onboarding-layout h2,.onboarding-layout h3,.onboarding-layout p{margin:0}.onboarding-layout-header{padding:2rem}.onboarding-layout-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 4rem}.onboarding-layout-container{width:100%;max-width:1100px;margin:0 auto}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:.75rem}.onboarding-progress-dot{height:.5rem;border-radius:9999px;transition:all .5s ease-out}.onboarding-progress-dot.completed{width:2rem;background:#6366f1}.onboarding-progress-dot.current{width:2rem;background:#818cf8;animation:pulse-dot 2s ease-in-out infinite}.onboarding-progress-dot.pending{width:.5rem;background:#475569}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.onboarding-split{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;min-height:60vh;align-items:center}@media(min-width:1024px){.onboarding-split{grid-template-columns:1fr 1fr;gap:4rem}}.onboarding-split-left{order:1;display:flex;flex-direction:column;justify-content:center}.onboarding-split-right{order:2;display:none;align-items:center;justify-content:center}@media(min-width:1024px){.onboarding-split-right{display:flex}}.question-panel{display:flex;flex-direction:column;justify-content:center}.question-panel-welcome{margin-bottom:2.5rem}.question-panel-title{font-size:2rem;font-weight:300;color:#f8fafc!important;margin:0 0 1rem!important;line-height:1.3}@media(min-width:768px){.question-panel-title{font-size:2.5rem}}.question-panel-name{color:#818cf8!important;font-weight:400}.question-panel-subtitle{color:#94a3b8!important;font-size:1rem;line-height:1.7;margin:0!important}@media(min-width:768px){.question-panel-subtitle{font-size:1.125rem}}.question-panel-highlight{color:#a5b4fc!important;font-weight:500}.question-panel-question{margin-bottom:1.5rem}.question-panel-question p{font-size:1.125rem;color:#e2e8f0!important;line-height:1.7;margin:0!important}@media(min-width:768px){.question-panel-question p{font-size:1.25rem}}.question-panel-input{margin-bottom:1.5rem}.question-panel-textarea-wrapper{position:relative;border-radius:.75rem;transition:all .3s ease;width:100%;max-width:500px}.question-panel-textarea-wrapper.focused{box-shadow:0 0 0 2px #6366f166}.question-panel-textarea{width:100%;padding:1.25rem;background:#1e293bcc;border:1px solid #475569;border-radius:.75rem;color:#f8fafc;font-size:1rem;line-height:1.5;resize:vertical;min-height:120px;transition:border-color .3s ease,background-color .3s ease;font-family:inherit}.question-panel-textarea::placeholder{color:#64748b}.question-panel-textarea:focus{outline:none;border-color:#6366f180}.question-panel-textarea:disabled{opacity:.6;cursor:not-allowed}.question-panel-hint{margin-top:.75rem;font-size:.8rem;color:#64748b!important}.question-panel-hint kbd{padding:.25rem .5rem;background:#334155;border-radius:.25rem;color:#94a3b8!important;font-family:inherit;font-size:.75rem}.question-panel-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.question-panel-button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f166}.question-panel-button.active:hover{background:linear-gradient(135deg,#818cf8,#a78bfa);transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.question-panel-button.active:active{transform:translateY(0)}.question-panel-button.disabled{background:#334155;color:#64748b;cursor:not-allowed;box-shadow:none}.star-rating{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.star-rating-stars{display:flex;gap:.5rem}.star-rating-star{padding:.25rem;background:none;border:none;cursor:pointer;transition:transform .2s ease;color:#475569}.star-rating-star:hover{transform:scale(1.1)}.star-rating-star:active{transform:scale(.95)}.star-rating-star.active{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.star-rating-icon{width:3rem;height:3rem;transition:all .2s ease}.star-rating-label{height:2rem;font-size:1.125rem;font-weight:500;transition:all .3s ease;opacity:0}.star-rating-label.visible{opacity:1}.star-rating-label.mood-poor{color:#f87171}.star-rating-label.mood-okay{color:#fbbf24}.star-rating-label.mood-great{color:#34d399}.feature-showcase{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.feature-showcase-visual{position:relative;margin-bottom:2rem}.feature-showcase-glow{position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);border-radius:50%;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.feature-showcase-orb{position:relative;width:12rem;height:12rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px #6366f14d,inset 0 0 40px #ffffff1a;animation:orb-float 6s ease-in-out infinite}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-showcase-orb-inner{width:50%;height:50%;color:#ffffffe6}.feature-showcase-orb-inner svg{width:100%;height:100%}.feature-showcase-text{text-align:center;max-width:24rem}.feature-showcase-headline{font-size:1.5rem;font-weight:600;color:#f8fafc;margin:0 0 .75rem}.feature-showcase-description{font-size:1rem;color:#94a3b8;line-height:1.6;margin:0}.onboarding-error{margin-top:1rem;padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#fca5a5;font-size:.875rem}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--accent: #06b6d4;--success: #10b981;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%)}[data-theme=dark]{--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-light: #1e293b;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.alert{padding:1rem;border-radius:12px;border:1px solid var(--border)}.alert-error{background:#ef444414;border-color:#ef444440}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.35rem;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:.85rem .95rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:#2563ebb3;box-shadow:0 0 0 4px #2563eb26}.page-shell{min-height:100vh;display:flex}.login-shell{width:100%;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-theme=dark] .login-shell{background:linear-gradient(135deg,#0f172a,#1e293b)}.login-card{width:100%;max-width:860px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:2.25rem}.login-card .logo{font-size:2.5rem;margin-bottom:.75rem}.login-subtitle{color:var(--text-secondary);margin:0 0 1.75rem;line-height:1.6}.login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.role-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.role-title{margin:0 0 .5rem;font-size:1.25rem;letter-spacing:-.01em}.role-desc{margin:0 0 1.25rem;color:var(--text-secondary)}.login-footer{margin-top:1.5rem;text-align:center}.link{color:var(--primary);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:50%;width:48px;height:48px;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.hero{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}[data-theme=dark] .hero{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .hero:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-content{max-width:1200px;width:100%;text-align:center}.logo{font-size:3.5rem;font-weight:700;color:var(--primary);margin-bottom:1rem;letter-spacing:-.02em;position:relative}.logo:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.tagline{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:400;position:relative}.tagline:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--primary);border-radius:2px}.hero-text{max-width:600px;margin:0 auto 3rem;font-size:1.125rem;color:var(--text-secondary);line-height:1.7;position:relative;z-index:2}.btn{display:inline-block;padding:.875rem 1.75rem;border:none;border-radius:8px;font-weight:500;font-size:1rem;text-decoration:none;transition:all .2s ease;cursor:pointer;margin:0 .5rem 1rem;position:relative;overflow:hidden}.role-card .btn{width:100%;margin:0}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background:var(--bg-primary);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:all .3s ease;position:relative}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem;display:block;opacity:.8}.feature-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.feature-description{color:var(--text-secondary);line-height:1.6}.stats-section{background:var(--gradient-primary);color:#fff;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.stat-item h3{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item p{font-size:1rem;opacity:.9}.testimonial-section{background:var(--bg-secondary)}.testimonial{background:var(--bg-primary);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);margin-bottom:2rem;transition:all .3s ease;position:relative}.testimonial:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.testimonial:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}.testimonial:hover:before{opacity:1}.testimonial-text{font-size:1.125rem;font-style:italic;color:var(--text-secondary);margin-bottom:1rem;position:relative;line-height:1.6}.testimonial-text:before{content:'"';font-size:3rem;color:var(--primary);position:absolute;top:-10px;left:-20px;opacity:.3}.testimonial-author{font-weight:600;color:var(--text-primary)}.testimonial-role{font-size:.875rem;color:var(--text-secondary)}.fade-in{opacity:0;transform:translateY(20px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.2s}.fade-in-delay-2{transition-delay:.4s}.fade-in-delay-3{transition-delay:.6s}@keyframes ripple{to{transform:scale(4);opacity:0}}@media(max-width:768px){.hero{padding:3rem 1rem}.logo{font-size:2.5rem}.tagline{font-size:1.1rem}.section{padding:3rem 1rem}.features-grid,.stats-grid{grid-template-columns:1fr}.login-card{padding:1.5rem}.login-grid{grid-template-columns:1fr}}