.careers-page{min-height:100vh;background:var(--background)}.page-scope-careers .careers-hero{background:linear-gradient(135deg,rgba(31,86,232,0.10) 0%,rgba(31,86,232,0.1) 50%,rgba(31,86,232,0.05) 100%);padding:var(--space-4xl) 0 var(--space-3xl);position:relative;overflow:hidden}.page-scope-careers .careers-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(31,86,232,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(31,86,232,0.15) 0%,transparent 50%);z-index:0}.page-scope-careers .hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.page-scope-careers .hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:var(--space-lg);line-height:1.1}.page-scope-careers .hero-title-line{display:block}.page-scope-careers .hero-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-scope-careers .hero-subtitle{font-size:1.25rem;color:var(--text-soft);margin-bottom:var(--space-2xl);line-height:1.6}.page-scope-careers .hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;margin-top:var(--space-2xl)}.page-scope-careers .stat-item{display:flex;flex-direction:column;align-items:center}.page-scope-careers .stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-blue);line-height:1}.page-scope-careers .stat-label{color:var(--text-soft);font-size:0.9rem;margin-top:var(--space-xs)}.page-scope-careers .career-filter{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.page-scope-careers .filter-section{margin-bottom:var(--space-lg)}.page-scope-careers .filter-section:last-child{margin-bottom:0}.page-scope-careers .filter-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.125rem;margin-bottom:var(--space-md);color:var(--text-dark)}.page-scope-careers .filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page-scope-careers .filter-tag{padding:var(--space-sm) var(--space-md);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-soft);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.page-scope-careers .filter-tag:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);transition:.2s ease-in-out}.page-scope-careers .filter-tag.active{background:var(--primary-blue);border-color:var(--primary-blue);color:white}.page-scope-careers .sort-options{display:flex;gap:var(--space-sm)}.page-scope-careers .sort-btn{padding:var(--space-sm) var(--space-md);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-soft);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.page-scope-careers .sort-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);transition:.2s ease-in-out}.page-scope-careers .sort-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:white}.page-scope-careers .career-paths-section{padding:var(--space-4xl) 0}.page-scope-careers .section-header{text-align:center;max-width:800px;margin:0 auto var(--space-3xl)}.page-scope-careers .section-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-dark),var(--text-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-scope-careers .section-subtitle{font-size:1.125rem;color:var(--text-soft);line-height:1.6}.page-scope-careers .career-paths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.page-scope-careers .career-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all var(--transition-normal);position:relative;display:flex;flex-direction:column;height:100%}.page-scope-careers .career-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:var(--primary-blue);transition:.2s ease-in-out}.page-scope-careers .career-card-header{padding:var(--space-lg);background:linear-gradient(135deg,var(--career-color) 0%,color-mix(in srgb,var(--career-color) 80%,white) 100%);position:relative}.page-scope-careers .career-icon{font-size:3rem;margin-bottom:var(--space-md)}.page-scope-careers .career-tags{display:flex;gap:var(--space-sm)}.page-scope-careers .career-tag{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.page-scope-careers .difficulty-tag{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:white}.page-scope-careers .demand-tag{background:rgba(255,255,255,0.9);color:var(--career-color)}.page-scope-careers .career-card-body{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.page-scope-careers .career-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-dark)}.page-scope-careers .career-description{color:var(--text-soft);margin-bottom:var(--space-lg);line-height:1.6;flex:1}.page-scope-careers .career-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--background);border-radius:var(--radius-md)}.page-scope-careers .metric{display:flex;align-items:center;gap:var(--space-sm)}.page-scope-careers .metric i{color:var(--primary-blue);font-size:0.9rem}.page-scope-careers .metric-label{font-size:0.875rem;color:var(--text-soft)}.page-scope-careers .metric-value{font-weight:600;color:var(--text-dark);font-size:0.875rem}.page-scope-careers .required-languages{margin-bottom:var(--space-lg)}.page-scope-careers .languages-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;margin-bottom:var(--space-md);color:var(--text-dark)}.page-scope-careers .languages-title i{color:var(--primary-blue)}.page-scope-careers .languages-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page-scope-careers .language-tag{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:0.875rem}.page-scope-careers .language-name{font-weight:500;color:var(--text-dark)}.page-scope-careers .language-level{padding:1px 4px;border-radius:2px;font-size:0.7rem;font-weight:600;text-transform:uppercase}.page-scope-careers .level-beginner{background:#d4edda;color:#155724}.page-scope-careers .level-intermediate{background:#fff3cd;color:#856404}.page-scope-careers .level-advanced{background:#f8d7da;color:#721c24}.page-scope-careers .user-progress{margin-top:auto}.page-scope-careers .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);font-size:0.875rem}.page-scope-careers .progress-percentage{font-weight:600;color:var(--primary-blue)}.page-scope-careers .progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.page-scope-careers .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--accent-purple));border-radius:3px;transition:width 0.3s ease}.page-scope-careers .career-card-footer{padding:var(--space-lg);border-top:1px solid var(--border);display:flex;gap:var(--space-sm)}.page-scope-careers .career-detail-btn,.page-scope-careers .career-track-btn{flex:1;justify-content:center}.page-scope-careers .comparison-section{padding:var(--space-3xl) 0;background:var(--background)}.page-scope-careers .comparison-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.page-scope-careers .comparison-table{width:100%;border-collapse:collapse;min-width:800px}.page-scope-careers .comparison-table th{padding:var(--space-lg);background:var(--background);text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid var(--border);position:sticky;top:0}.page-scope-careers .comparison-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);color:var(--text-soft)}.page-scope-careers .comparison-table tr:hover{background:var(--background);transition:.2s ease-in-out}.page-scope-careers .career-name-cell{display:flex;align-items:center;gap:var(--space-sm);font-weight:500;color:var(--text-dark)}.page-scope-careers .career-icon-small{font-size:1.25rem}.page-scope-careers .demand-badge,.page-scope-careers .difficulty-badge{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:uppercase}.page-scope-careers .demand-very-high{background:#d4edda;color:#155724}.page-scope-careers .demand-high{background:#fff3cd;color:#856404}.page-scope-careers .demand-medium{background:#cce5ff;color:#004085}.page-scope-careers .difficulty-beginner{background:#d4edda;color:#155724}.page-scope-careers .difficulty-intermediate{background:#fff3cd;color:#856404}.page-scope-careers .difficulty-advanced{background:#f8d7da;color:#721c24}.page-scope-careers .difficulty-expert{background:#e2d4f7;color:#4a2582}.page-scope-careers .languages-cell{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.page-scope-careers .language-badge{padding:2px 6px;background:var(--background);border-radius:4px;font-size:0.75rem;color:var(--text-dark)}.page-scope-careers .more-languages{background:var(--primary-blue-light);color:var(--primary-blue)}.page-scope-careers .match-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.page-scope-careers .score-circle{width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--primary-blue) 0%,var(--border) 0%);display:flex;align-items:center;justify-content:center;position:relative}.page-scope-careers .score-circle::before{content:'';position:absolute;width:32px;height:32px;background:var(--surface);border-radius:50%}.page-scope-careers .score-value{position:relative;z-index:1;font-size:0.75rem;font-weight:600;color:var(--text-dark)}.page-scope-careers .score-label{font-size:0.75rem;color:var(--text-soft)}.page-scope-careers .path-selector-section{padding:var(--space-4xl) 0}.page-scope-careers .path-selector{max-width:800px;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--border)}.page-scope-careers .selector-step{display:none;animation:fadeIn 0.3s ease}.page-scope-careers .selector-step.active{display:block}.page-scope-careers .step-title{font-size:1.5rem;margin-bottom:var(--space-xl);text-align:center;color:var(--text-dark)}.page-scope-careers .step-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.page-scope-careers .step-option{padding:var(--space-lg);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;color:var(--primary-blue);align-items:center;gap:var(--space-sm)}.page-scope-careers .step-option:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md);transition:.2s ease-in-out}.page-scope-careers .step-option:active{background:var(--primary-blue-light);border-color:var(--primary-blue)}.page-scope-careers .selector-results{display:none;animation:fadeIn 0.5s ease}.page-scope-careers .results-title{font-size:1.5rem;margin-bottom:var(--space-xl);text-align:center;color:var(--text-dark)}.page-scope-careers .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.page-scope-careers .restart-selector{display:block;margin:0 auto}.page-scope-careers .career-cta{padding:var(--space-4xl) 0;background:linear-gradient(135deg,rgba(31,86,232,0.10) 0%,rgba(31,86,232,0.1) 100%);text-align:center}.page-scope-careers .cta-content{max-width:800px;margin:0 auto}.page-scope-careers .cta-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-scope-careers .cta-subtitle{font-size:1.25rem;color:var(--text-soft);margin-bottom:var(--space-2xl);line-height:1.6}.page-scope-careers .cta-buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.page-scope-careers .career-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:10000;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn 0.3s ease}.page-scope-careers .modal-content{background:var(--surface);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp 0.3s ease;border:1px solid var(--border)}.page-scope-careers .modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:var(--background);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-soft);font-size:1.25rem;transition:all var(--transition-fast);z-index:1}.page-scope-careers .modal-close:hover{background:var(--error);color:white;transform:rotate(90deg)}.page-scope-careers .modal-body{padding:var(--space-2xl)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.page-scope-careers .career-paths-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-scope-careers .hero-stats{gap:var(--space-xl)}}@media (max-width:768px){.page-scope-careers .career-paths-grid{grid-template-columns:1fr}.page-scope-careers .hero-stats{flex-direction:column;gap:var(--space-lg)}.page-scope-careers .cta-buttons{flex-direction:column}.page-scope-careers .step-options{grid-template-columns:1fr}.page-scope-careers .career-card-footer{flex-direction:column}}@media (max-width:480px){.page-scope-careers .career-hero{padding:var(--space-3xl) 0}.page-scope-careers .hero-title{font-size:2rem}.page-scope-careers .section-title{font-size:2rem}.page-scope-careers .filter-tags{flex-direction:column;align-items:stretch}.page-scope-careers .filter-tag{text-align:center}}.page-scope-careers .career-card{transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}.page-scope-careers .career-card.animate-in{opacity:1;transform:translateY(0)}@keyframes progressFill{from{width:0}}.page-scope-careers .progress-fill{animation:progressFill 1s ease-out}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,86,232,0.4)}70%{box-shadow:0 0 0 10px rgba(31,86,232,0)}100%{box-shadow:0 0 0 0 rgba(31,86,232,0)}}.page-scope-careers .career-track-btn{animation:pulse 2s infinite}.page-scope-careers .career-card:hover .career-icon{transform:scale(1.1) rotate(5deg);transition:transform 0.3s ease}.page-scope-careers .career-card:hover .career-tag{transform:translateY(-2px);transition:transform 0.3s ease}.page-scope-careers .career-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--career-color),color-mix(in srgb,var(--career-color) 50%,white),var(--career-color));z-index:-1;border-radius:var(--radius-lg);transition:opacity 0.3s ease}.page-scope-careers .career-card:hover::before{opacity:1;animation:borderRotate 3s linear infinite}@keyframes borderRotate{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}.page-scope-careers .recommended-card{border:2px solid var(--primary-blue)}.page-scope-careers .no-results{text-align:center;padding:var(--space-xl);color:var(--text-soft);font-style:italic;grid-column:1 / -1}.page-scope-careers .score-circle-large{width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--primary-blue) 0%,var(--border) 0%);display:flex;align-items:center;justify-content:center;position:relative;margin:var(--space-md) auto}.page-scope-careers .score-circle-large::before{content:'';position:absolute;width:48px;height:48px;background:var(--surface);border-radius:50%}.page-scope-careers .score-value-large{position:relative;z-index:1;font-size:1rem;font-weight:600;color:var(--text-dark)}.page-scope-careers .match-score-display{text-align:center;margin:var(--space-md) 0}.page-scope-careers .career-detail{padding:var(--space-xl)}.page-scope-careers .detail-header{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-xl);background:linear-gradient(135deg,var(--career-color) 0%,color-mix(in srgb,var(--career-color) 80%,white) 100%);border-radius:var(--radius-lg);color:white}.page-scope-careers .detail-icon{font-size:4rem;margin-bottom:var(--space-md)}.page-scope-careers .detail-title{font-size:2rem;margin-bottom:var(--space-md);color:white}.page-scope-careers .detail-description{font-size:1.125rem;opacity:0.9;color:white}.page-scope-careers .detail-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--background);border-radius:var(--radius-lg)}.page-scope-careers .detail-section h3{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--text-dark)}.page-scope-careers .detail-section h3 i{color:var(--primary-blue)}.page-scope-careers .outlook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.page-scope-careers .outlook-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.page-scope-careers .outlook-label{font-size:0.875rem;color:var(--text-soft);margin-bottom:var(--space-xs)}.page-scope-careers .outlook-value{font-weight:600;color:var(--text-dark)}.page-scope-careers .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl)}.page-scope-careers .skills-column h4{margin-bottom:var(--space-md);color:var(--text-dark)}.page-scope-careers .skill-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);margin-bottom:var(--space-xs);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.page-scope-careers .skill-name{font-weight:500;color:var(--text-dark)}.page-scope-careers .skill-framework{color:var(--text-soft)}.page-scope-careers .learning-path p,.page-scope-careers .job-roles p{color:var(--text-soft);line-height:1.6}.page-scope-careers .career-card.loading{opacity:0.5;pointer-events:none}