:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-card: #FFFFFF;--bg-card-hover: #FDFDFD;--bg-glass: rgba(255, 255, 255, .85);--bg-glass-hover: rgba(255, 255, 255, .95);--border-subtle: #E5E7EB;--border-medium: #D1D5DB;--border-accent: rgba(240, 80, 35, .3);--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--text-accent: #F05023;--accent-primary: #F05023;--accent-primary-light: #FF7043;--accent-primary-bg: rgba(240, 80, 35, .08);--accent-success: #10B981;--accent-success-bg: rgba(16, 185, 129, .1);--accent-warning: #F59E0B;--accent-warning-bg: rgba(245, 158, 11, .1);--accent-danger: #EF4444;--accent-danger-bg: rgba(239, 68, 68, .1);--accent-teal: #00C9A7;--accent-teal-bg: rgba(0, 201, 167, .1);--accent-orange: #FFA726;--gradient-primary: linear-gradient(135deg, #F05023 0%, #FF7043 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-warm: linear-gradient(135deg, #F59E0B 0%, #FFA726 100%);--gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #F8F9FA 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #FDFDFD 100%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px rgba(240, 80, 35, .2);--shadow-glow-strong: 0 0 25px rgba(240, 80, 35, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(229,231,235,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(229,231,235,.4) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;opacity:.5}#root{position:relative;z-index:1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glow{0%,to{box-shadow:0 0 5px #6c63ff33}50%{box-shadow:0 0 20px #6c63ff66}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes fillProgress{0%{width:0%}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-bounce-in{animation:bounceIn .6s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.header-inner{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;transition:opacity var(--transition-fast)}.header-logo:hover{opacity:.8}.header-logo-icon{font-size:var(--font-size-xl)}.header-logo-text{font-size:var(--font-size-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-back{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.header-back:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-glass-hover)}.header-user{display:flex;align-items:center}.header-avatar{font-size:var(--font-size-xl);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-subtle)}.progress-bar-wrapper{display:flex;align-items:center;gap:var(--space-3);width:100%}.progress-bar-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;min-width:fit-content}.progress-bar-track{flex:1;height:8px;background:var(--bg-glass);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1);animation:fillProgress 1s ease forwards;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite;background-size:200% 100%}.progress-bar-percent{font-size:var(--font-size-sm);font-weight:600;color:var(--text-accent);min-width:40px;text-align:right}.progress-bar-sm .progress-bar-track{height:4px}.progress-bar-lg .progress-bar-track{height:12px}.progress-bar-xl .progress-bar-track{height:20px;border-radius:var(--radius-sm)}.home-page{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.home-hero{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) 0;gap:var(--space-10);min-height:50vh}.home-hero-content{max-width:600px}.home-hero-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--accent-primary);background:var(--accent-primary-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid rgba(240,80,35,.2);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em}.home-hero-title{font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-6);color:var(--text-primary);letter-spacing:-.02em}.home-hero-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.home-hero-stats{display:flex;align-items:center;gap:var(--space-6)}.home-stat{display:flex;flex-direction:column;align-items:center}.home-stat-number{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary)}.home-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.home-stat-divider{width:1px;height:40px;background:var(--border-medium)}.home-hero-visual{position:relative;flex-shrink:0;width:400px;height:400px;background-image:radial-gradient(var(--accent-primary-bg) 20%,transparent 20%),radial-gradient(var(--accent-primary-bg) 20%,transparent 20%);background-position:0 0,20px 20px;background-size:40px 40px;mask-image:radial-gradient(circle,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(circle,black 40%,transparent 70%);opacity:.6;animation:float 6s ease-in-out infinite}.home-hero-orb{display:none}.home-solutions{padding:var(--space-12) 0;background:var(--bg-secondary);margin:0 calc(-1 * var(--space-6));padding:var(--space-16) var(--space-6)}.home-section-title{font-size:var(--font-size-3xl);font-weight:800;text-align:center;margin-bottom:var(--space-3);letter-spacing:-.01em;color:var(--text-primary)}.home-section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto}.home-solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-8);max-width:1000px;margin:0 auto}.home-solution-card{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm)}.home-solution-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.home-solution-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.6rem}.home-solution-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.home-solution-tagline{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.home-solution-complete{font-size:var(--font-size-sm);font-weight:600;color:var(--accent-success)}.home-solution-cta{font-size:var(--font-size-sm);font-weight:600;color:var(--accent-primary-light);margin-top:auto}.home-how{padding:var(--space-12) 0 var(--space-16)}.home-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}.home-how-step{text-align:center;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--bg-glass);border:1px solid var(--border-subtle)}.home-how-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-4)}.home-how-step h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.home-how-step p{font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.home-hero{flex-direction:column;text-align:center;padding:var(--space-10) 0;min-height:auto}.home-hero-title{font-size:var(--font-size-3xl)}.home-hero-stats{justify-content:center}.home-hero-visual{display:none}.home-solutions-grid,.home-how-steps{grid-template-columns:1fr}}.journey-page{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);overflow:hidden}.journey-not-found{text-align:center;padding:var(--space-16);color:var(--text-secondary)}.journey-not-found a{color:var(--accent-primary-light);text-decoration:underline}.journey-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}.journey-solution-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.8rem;flex-shrink:0}.journey-title{font-size:var(--font-size-2xl);font-weight:700}.journey-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.journey-progress-section{margin-bottom:var(--space-10);padding:var(--space-5);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.journey-levels{display:flex;flex-direction:row;align-items:center;gap:0;overflow-x:auto;padding:var(--space-8) var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);scrollbar-width:none}.journey-levels::-webkit-scrollbar{display:none}.journey-level-row{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.journey-connector{width:60px;height:4px;background:var(--border-subtle);transition:background var(--transition-base);border-radius:var(--radius-full)}.journey-connector-active{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary-alpha)}.journey-level-card{min-width:300px;width:300px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-primary);font-family:var(--font-family);text-align:left;transition:all var(--transition-base);cursor:pointer;scroll-snap-align:center;position:relative;box-shadow:var(--shadow-sm)}.journey-level-card:hover:not(:disabled){border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-8px);box-shadow:var(--shadow-xl)}.journey-level-completed{border-color:#10b98133;background:linear-gradient(to bottom right,rgba(16,185,129,.04),transparent)}.journey-level-current{border-color:var(--border-accent);box-shadow:var(--shadow-glow);animation:pulse-border 2s infinite}.journey-level-locked{opacity:.6;cursor:not-allowed;background:var(--bg-subtle)}.journey-level-locked:hover{transform:none;box-shadow:none}.journey-level-header{display:flex;align-items:center;justify-content:space-between;width:100%}.journey-level-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:700;background:var(--accent-primary-bg);color:var(--accent-primary-light);flex-shrink:0}.journey-level-completed .journey-level-number{background:var(--accent-success-bg);color:var(--accent-success)}.journey-level-info{width:100%}.journey-level-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin-bottom:var(--space-2);display:block}.journey-level-title{font-size:var(--font-size-lg);font-weight:700;line-height:1.3;margin-bottom:var(--space-4);min-height:3.9em}.journey-level-icon-wrapper{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--text-secondary)}.journey-level-status{margin-top:var(--space-4)}.journey-status-tag{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid transparent}.journey-status-done{background:var(--accent-success-bg);color:var(--accent-success);border-color:#10b98133}.journey-status-current{background:var(--accent-primary-bg);color:var(--accent-primary-light);border-color:#f0502333}.journey-status-locked{color:var(--text-muted);background:var(--bg-main);border-color:var(--border-subtle)}.journey-complete-cta{text-align:center;margin-top:var(--space-10);padding:var(--space-8);background:var(--gradient-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);max-width:600px;margin-left:auto;margin-right:auto}.journey-complete-cta h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.journey-complete-cta p{color:var(--text-secondary);margin-bottom:var(--space-6)}.journey-results-btn{display:inline-block;padding:var(--space-3) var(--space-8);background:var(--gradient-primary);color:#fff;font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.journey-results-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}@keyframes pulse-border{0%{box-shadow:0 0 #f0502366}70%{box-shadow:0 0 0 6px #f0502300}to{box-shadow:0 0 #f0502300}}@media(max-width:768px){.journey-page{padding:var(--space-4)}.journey-level-card{min-width:260px;width:260px;padding:var(--space-4)}.journey-connector{width:32px}}.quiz-question{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start;margin-bottom:var(--space-8)}.quiz-col-left{padding-right:var(--space-4)}.quiz-col-right{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:900px){.quiz-question{grid-template-columns:1fr;gap:var(--space-6)}.quiz-col-left{padding-right:0}}.quiz-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.quiz-progress-dots{display:flex;gap:var(--space-2)}.quiz-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border-subtle);border:1px solid var(--border-subtle);transition:all var(--transition-base)}.quiz-progress-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.2)}.quiz-progress-dot.completed{background:var(--accent-primary-light);border-color:var(--accent-primary-light)}.quiz-question-number{font-size:var(--font-size-xs);font-weight:600;color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em}.quiz-question-text{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);text-align:left;transition:all var(--transition-fast);cursor:pointer;width:100%}.quiz-option:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-accent);transform:translate(4px)}.quiz-option-letter{font-size:var(--font-size-sm);font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-primary-bg);color:var(--accent-primary-light);flex-shrink:0}.quiz-option-text{flex:1;line-height:1.4}.quiz-option-icon{font-size:var(--font-size-lg);font-weight:700;flex-shrink:0}.quiz-option-correct{background:var(--accent-success-bg)!important;border-color:var(--accent-success)!important}.quiz-option-correct .quiz-option-letter{background:var(--accent-success);color:#fff}.quiz-option-correct .quiz-option-icon{color:var(--accent-success)}.quiz-option-wrong{background:var(--accent-danger-bg)!important;border-color:var(--accent-danger)!important}.quiz-option-wrong .quiz-option-letter{background:var(--accent-danger);color:#fff}.quiz-option-wrong .quiz-option-icon{color:var(--accent-danger)}.quiz-option-disabled{opacity:.4;cursor:default}.quiz-explanation{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left:3px solid;line-height:1.6}.quiz-explanation-correct{background:var(--accent-success-bg);border-color:var(--accent-success)}.quiz-explanation-wrong{background:var(--accent-warning-bg);border-color:var(--accent-warning)}.quiz-explanation-label{display:block;font-weight:600;margin-bottom:var(--space-2);font-size:var(--font-size-base)}.quiz-explanation p{color:var(--text-secondary);font-size:var(--font-size-sm)}.level-page{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.level-not-found,.level-locked-msg{text-align:center;padding:var(--space-16);color:var(--text-secondary)}.level-locked-msg{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.level-locked-icon{font-size:3rem}.level-locked-msg h2{color:var(--text-primary)}.level-back-link{color:var(--accent-primary-light);text-decoration:underline}.level-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.level-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.level-breadcrumb a:hover{color:var(--accent-primary-light)}.level-header{margin-bottom:var(--space-8)}.level-header-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.level-number-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--accent-primary-light);background:var(--accent-primary-bg);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.level-complete-tag{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:600;color:var(--accent-success);background:#10b9811a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.level-title{font-size:var(--font-size-2xl);font-weight:700}.level-content-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:var(--space-10);align-items:start;animation:fadeIn var(--transition-slow) ease}.level-content-main{line-height:1.8}.level-content-heading{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-6);color:var(--text-primary)}.level-content-para{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-5)}.level-content-sidebar{position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.level-key-points{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6)}.level-key-points h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-4)}.level-key-points ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.level-key-points li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--space-5);position:relative}.level-key-points li:before{content:"→";position:absolute;left:0;color:var(--accent-primary-light);font-weight:600}.level-cta-btn{display:inline-block;padding:var(--space-4) var(--space-8);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:center;box-shadow:var(--shadow-md)}.level-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}@media(max-width:900px){.level-content-grid{grid-template-columns:1fr;gap:var(--space-8)}.level-content-sidebar{position:static}}.level-quiz{animation:fadeIn var(--transition-slow) ease}.level-quiz-progress{margin-bottom:var(--space-8);padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.level-next-btn{display:block;margin:var(--space-4) auto 0;padding:var(--space-3) var(--space-8);background:var(--accent-primary-bg);color:var(--accent-primary-light);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);border:1px solid var(--border-accent);cursor:pointer;transition:all var(--transition-fast)}.level-next-btn:hover{background:var(--accent-primary);color:#fff}.level-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;min-height:400px}.level-results-main{display:flex;flex-direction:column;align-items:center;text-align:center}.level-score-circle-wrapper{position:relative;width:180px;height:180px;margin-bottom:var(--space-6);filter:drop-shadow(0 0 20px rgba(0,0,0,.05))}.level-score-circle{transform:rotate(-90deg);width:100%;height:100%}.level-score-circle path{fill:none;stroke-width:2.8;stroke-linecap:round}.level-score-bg{stroke:var(--border-intermediate)}.level-score-progress{stroke:var(--accent-primary);stroke-dasharray:0,100;transition:stroke-dasharray 1s ease-out}.level-score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.level-score-value{font-size:3.5rem;font-weight:800;color:var(--text-primary);line-height:1}.level-results-heading{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2)}.level-results-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.level-results-sidebar{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8)}.level-results-breakdown h3{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--font-size-lg);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4)}.level-breakdown-item{margin-bottom:var(--space-6)}.level-breakdown-item:last-child{margin-bottom:0}.level-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.level-breakdown-label{display:flex;align-items:center}.level-breakdown-value{font-weight:700;color:var(--text-primary)}.level-breakdown-bar-bg{height:6px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.level-breakdown-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease}@media(max-width:900px){.level-results-grid{grid-template-columns:1fr}}@media(max-width:768px){.level-page{padding:var(--space-4)}.level-title{font-size:var(--font-size-xl)}}.pitch-page{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.pitch-challenge{display:flex;flex-direction:column;gap:var(--space-6)}.pitch-intro{text-align:center;margin-bottom:var(--space-4)}.pitch-intro h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.pitch-intro p{color:var(--text-secondary)}.pitch-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.pitch-persona-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.pitch-persona-card:hover{border-color:var(--border-accent)}.pitch-persona-active{border-color:var(--accent-primary);background:var(--accent-primary-bg);box-shadow:var(--shadow-glow)}.pitch-persona-icon{font-size:2rem}.pitch-persona-role{font-size:var(--font-size-sm);font-weight:600}.pitch-persona-name{font-size:var(--font-size-xs);color:var(--text-muted)}.pitch-context{padding:var(--space-4) var(--space-5);background:var(--bg-glass);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);color:var(--text-secondary)}.pitch-context strong{color:var(--text-primary)}.pitch-input-area{display:flex;flex-direction:column;gap:var(--space-3)}.pitch-textarea{width:100%;padding:var(--space-5);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);resize:vertical;transition:border-color var(--transition-fast);line-height:1.6}.pitch-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:var(--shadow-glow)}.pitch-textarea::placeholder{color:var(--text-muted)}.pitch-input-footer{display:flex;align-items:center;justify-content:space-between}.pitch-char-count{font-size:var(--font-size-xs);color:var(--text-muted)}.pitch-feedback{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.pitch-score-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.pitch-score-circle{width:120px;height:120px;border-radius:50%;background:var(--gradient-card);border:3px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-strong);animation:bounceIn .6s ease}.pitch-score-num{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary)}.pitch-score-max{font-size:var(--font-size-lg);color:var(--text-muted)}.pitch-scores-grid{width:100%;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.pitch-score-item{display:flex;align-items:center;gap:var(--space-3)}.pitch-score-item-icon{font-size:var(--font-size-lg);flex-shrink:0}.pitch-score-item-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);min-width:80px;text-align:left}.pitch-score-item-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-accent);min-width:40px}.pitch-tips{width:100%;text-align:left}.pitch-tips h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-4)}.pitch-tip{padding:var(--space-4);background:var(--accent-warning-bg);border-radius:var(--radius-md);border-left:3px solid var(--accent-warning);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.pitch-sample-section{width:100%}.pitch-sample-toggle{width:100%;padding:var(--space-3);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.pitch-sample-toggle:hover{border-color:var(--border-accent)}.pitch-sample-text{margin-top:var(--space-3);padding:var(--space-5);background:var(--accent-success-bg);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);text-align:left}.pitch-sample-text p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}@media(max-width:768px){.pitch-personas{grid-template-columns:1fr}}.objection-page{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.objection-game{display:flex;flex-direction:column;gap:var(--space-6)}.objection-game-header{display:flex;flex-direction:column;gap:var(--space-3)}.objection-game-header h2{font-size:var(--font-size-xl);text-align:center}.objection-score-bar{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.objection-score-bar strong{color:var(--accent-primary-light)}.objection-card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);border-left:4px solid var(--accent-danger)}.objection-card-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-danger);font-weight:600;margin-bottom:var(--space-3)}.objection-text{font-size:var(--font-size-lg);font-weight:500;line-height:1.6;font-style:italic;color:var(--text-primary)}.objection-options{display:flex;flex-direction:column;gap:var(--space-3)}.objection-options-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.objection-option{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);line-height:1.5;width:100%}.objection-option:hover:not(:disabled){border-color:var(--border-accent);background:var(--bg-glass-hover)}.objection-option-num{font-weight:700;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-primary-bg);color:var(--accent-primary-light);flex-shrink:0;font-size:var(--font-size-xs)}.objection-option-correct{background:var(--accent-success-bg)!important;border-color:var(--accent-success)!important}.objection-option-correct .objection-option-num{background:var(--accent-success);color:#fff}.objection-option-wrong{background:var(--accent-danger-bg)!important;border-color:var(--accent-danger)!important}.objection-option-wrong .objection-option-num{background:var(--accent-danger);color:#fff}.objection-option-dim{opacity:.3}.objection-feedback{display:flex;flex-direction:column;gap:var(--space-4)}.objection-result{font-size:var(--font-size-lg);font-weight:600;text-align:center;padding:var(--space-3);border-radius:var(--radius-md)}.objection-result-correct{color:var(--accent-success);background:var(--accent-success-bg)}.objection-result-wrong{color:var(--accent-danger);background:var(--accent-danger-bg)}.objection-explain{padding:var(--space-4) var(--space-5);background:var(--bg-glass);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.objection-explain h4{font-size:var(--font-size-sm);font-weight:600;color:var(--accent-primary-light);margin-bottom:var(--space-2)}.objection-explain p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.objection-tip{padding:var(--space-4);background:var(--accent-warning-bg);border-radius:var(--radius-md);border-left:3px solid var(--accent-warning);font-size:var(--font-size-sm);color:var(--text-secondary)}.objection-results{text-align:center}.deal-page{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.deal-game{display:flex;flex-direction:column;gap:var(--space-6)}.deal-game-header h2{text-align:center;font-size:var(--font-size-xl)}.deal-pipeline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}.deal-pipeline-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);flex:1;min-width:80px;text-align:center;transition:all var(--transition-base)}.deal-stage-icon{font-size:1.5rem}.deal-stage-name{font-size:var(--font-size-xs);font-weight:600}.deal-stage-done{background:var(--accent-success-bg);color:var(--accent-success)}.deal-stage-active{background:var(--accent-primary-bg);color:var(--accent-primary-light);border:1px solid var(--accent-primary);box-shadow:var(--shadow-glow);animation:pulse 2s ease-in-out infinite}.deal-stage-future{color:var(--text-muted);opacity:.5}.deal-meter{display:flex;align-items:center;gap:var(--space-3)}.deal-meter-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.deal-meter-track{flex:1;height:16px;background:var(--bg-glass);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.deal-meter-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.deal-meter-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;background-size:200% 100%}.deal-meter-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text-accent);min-width:50px;text-align:right}.deal-scenario{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg)}.deal-scenario-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--accent-primary-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.deal-scenario-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7}.deal-options{display:flex;flex-direction:column;gap:var(--space-3)}.deal-option{padding:var(--space-4) var(--space-5);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);line-height:1.5;width:100%}.deal-option:hover:not(:disabled){border-color:var(--border-accent);background:var(--bg-glass-hover);transform:translate(4px)}.deal-option-best{background:var(--accent-success-bg)!important;border-color:var(--accent-success)!important}.deal-option-other{background:var(--accent-warning-bg)!important;border-color:var(--accent-warning)!important}.deal-option-dim{opacity:.3}.deal-feedback{padding:var(--space-5);background:var(--bg-glass);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);text-align:center}.deal-feedback p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.deal-result{text-align:center}.deal-result-card{padding:var(--space-10);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.deal-result-badge{font-size:var(--font-size-2xl);font-weight:800;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full)}.deal-result-won{background:var(--accent-success-bg);color:var(--accent-success);border:2px solid var(--accent-success);box-shadow:0 0 30px #10b98133}.deal-result-lost{background:var(--accent-danger-bg);color:var(--accent-danger);border:2px solid var(--accent-danger)}.deal-result-score{display:flex;flex-direction:column;align-items:center}.deal-result-percent{font-size:var(--font-size-5xl);font-weight:800;color:var(--text-primary)}.deal-result-label{font-size:var(--font-size-sm);color:var(--text-muted)}.deal-result-summary{width:100%;text-align:left}.deal-result-summary h3{font-size:var(--font-size-base);margin-bottom:var(--space-4)}.deal-result-stage{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.deal-result-stage span:first-child{min-width:90px;color:var(--text-secondary)}.deal-result-stage-score{font-weight:600;color:var(--accent-success);min-width:40px;text-align:right}.deal-result-msg{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-md)}@media(max-width:768px){.deal-pipeline{gap:var(--space-1);padding:var(--space-2)}.deal-pipeline-stage{padding:var(--space-2);min-width:60px}.deal-stage-name{font-size:.65rem}}.badge-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-base);gap:var(--space-3)}.badge-earned{border-color:var(--border-accent);background:var(--gradient-card)}.badge-earned:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.badge-locked{opacity:.5;filter:grayscale(.5)}.badge-icon-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:2px solid var(--border-subtle);background:var(--bg-glass);transition:all var(--transition-base)}.badge-icon{font-size:2rem}.badge-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.badge-desc{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.badge-earned-tag{font-size:var(--font-size-xs);font-weight:600;color:var(--accent-success);background:var(--accent-success-bg);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.badge-locked-tag{font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-1) var(--space-3)}.results-page{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.results-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);margin-bottom:var(--space-10);align-items:start}.results-main-col{display:flex;flex-direction:column;gap:var(--space-10)}.results-sidebar-col{display:flex;flex-direction:column;gap:var(--space-8)}.results-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:0}.results-score-ring{position:relative;width:180px;height:180px;margin-bottom:var(--space-4)}.results-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.results-ring-bg{fill:none;stroke:var(--border-subtle);stroke-width:8}.results-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1)}.results-score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.results-score-num{font-size:3.5rem;font-weight:800;color:var(--text-primary);line-height:1}.results-score-pct{font-size:var(--font-size-xl);font-weight:600;color:var(--text-muted)}.results-title{font-size:var(--font-size-2xl);font-weight:700}.results-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:400px;line-height:1.6}.results-breakdown h2{font-size:var(--font-size-lg);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4)}.results-breakdown-items{display:flex;flex-direction:column;gap:var(--space-5)}.results-breakdown-item{display:flex;flex-direction:column;gap:var(--space-2)}.results-bd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.results-bd-value{font-weight:700;color:var(--text-primary)}.results-breakdown-label{display:flex;align-items:center}.results-sidebar-col{display:flex;flex-direction:column;gap:var(--space-6)}.results-breakdown{padding:var(--space-8);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%}.results-badges{padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.results-badges h2{font-size:var(--font-size-md);margin-bottom:var(--space-4)}.results-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.results-leaderboard{padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.results-leaderboard h2{font-size:var(--font-size-md);margin-bottom:var(--space-4)}.results-leaderboard-table{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.results-lb-header{display:grid;grid-template-columns:50px 1fr 60px;padding:var(--space-2) var(--space-3);background:var(--bg-glass);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.results-lb-row{display:grid;grid-template-columns:50px 1fr 60px;padding:var(--space-2) var(--space-3);align-items:center;font-size:var(--font-size-xs);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.results-lb-row:last-child{border-bottom:none}.results-lb-row:hover{background:var(--bg-glass-hover)}.results-lb-top{background:var(--bg-glass)}.results-lb-you{background:var(--accent-primary-bg)!important;border:1px solid var(--border-accent)}.results-lb-rank{font-weight:600}.results-lb-name{display:flex;align-items:center;gap:var(--space-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-lb-avatar{font-size:var(--font-size-base);flex-shrink:0}.results-lb-score{font-weight:600;color:var(--text-accent);text-align:right}@media(max-width:900px){.results-grid{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width:768px){.results-badges-grid{grid-template-columns:repeat(2,1fr)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;position:relative}