.header{position:sticky;top:0;width:100%;z-index:100;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-normal) ease;padding:var(--space-4) 0}.header.scrolled{box-shadow:var(--shadow-md);background-color:#fffffff2}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.logo{display:flex;align-items:center;text-decoration:none}.logo-text{font-size:1.5rem;font-weight:700;color:var(--color-primary-700);margin-left:var(--space-2)}.navigation{display:flex;align-items:center}.nav-links{display:flex;list-style:none;gap:var(--space-8)}.nav-links li a{color:var(--color-neutral-700);font-weight:500;text-decoration:none;transition:color var(--transition-fast) ease;position:relative}.nav-links li a:hover{color:var(--color-primary-600)}.nav-links li.active a{color:var(--color-primary-700)}.nav-links li.active a:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:var(--color-primary-600);border-radius:var(--radius-full)}@media (max-width: 768px){.header-container{padding:0 var(--space-4)}.logo-text{font-size:1.25rem}.nav-links{gap:var(--space-4)}}@media (max-width: 640px){.nav-links{gap:var(--space-3)}.nav-links li a{font-size:.875rem}}.home-container{width:100%}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) 0;gap:var(--space-8)}.hero-content{flex:1;max-width:600px}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:var(--space-6);color:var(--color-neutral-900)}.hero-subtitle{font-size:1.25rem;color:var(--color-neutral-600);margin-bottom:var(--space-8);line-height:1.6}.start-quiz-btn{padding:var(--space-4) var(--space-8);font-size:1.125rem}.hero-image-container{flex:1;display:flex;justify-content:flex-end;align-items:center}.hero-image{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.features-section{padding:var(--space-16) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.feature-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary-100);color:var(--color-primary-700);margin-bottom:var(--space-4)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--space-3)}.feature-card p{color:var(--color-neutral-600);line-height:1.6}.testimonials-section{padding:var(--space-16) 0;background-color:var(--color-neutral-100);border-radius:var(--radius-lg);margin:var(--space-12) 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.testimonial-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.testimonial-content p{font-style:italic;color:var(--color-neutral-700);line-height:1.6;margin-bottom:var(--space-4);position:relative}.testimonial-content p:before{content:'"';font-size:3rem;position:absolute;left:-20px;top:-20px;color:var(--color-neutral-200);opacity:.5}.testimonial-author h4{font-size:1.125rem;margin-bottom:var(--space-1);color:var(--color-neutral-900)}.testimonial-author p{color:var(--color-primary-600);font-weight:500;margin:0}.cta-section{padding:var(--space-8) 0 var(--space-16)}.cta-card{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);color:#fff;border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;box-shadow:var(--shadow-lg)}.cta-card h2{font-size:2.5rem;margin-bottom:var(--space-4);color:#fff}.cta-card p{font-size:1.25rem;max-width:600px;margin:0 auto var(--space-8);opacity:.9}.cta-card .btn-primary{background-color:#fff;color:var(--color-primary-700);padding:var(--space-4) var(--space-8);font-size:1.125rem;transition:transform var(--transition-fast) ease}.cta-card .btn-primary:hover{background-color:#fff;transform:scale(1.05)}@media (max-width: 1024px){.hero-title{font-size:3rem}.hero-section{flex-direction:column;text-align:center;padding:var(--space-12) 0}.hero-content{max-width:100%;margin-bottom:var(--space-8)}.hero-image-container{justify-content:center}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.features-grid,.testimonials-grid{grid-template-columns:1fr}.cta-card h2{font-size:2rem}.cta-card p{font-size:1.125rem}}@media (max-width: 640px){.hero-title{font-size:2rem}.hero-section,.features-section,.testimonials-section{padding:var(--space-8) 0}.cta-card{padding:var(--space-6)}.cta-card h2{font-size:1.75rem}}.quiz-container{max-width:800px;margin:0 auto;padding:var(--space-4)}.quiz-header{text-align:center;margin-bottom:var(--space-8)}.quiz-header h1{font-size:2.5rem;color:var(--color-neutral-900);margin-bottom:var(--space-4)}.quiz-header p{font-size:1.125rem;color:var(--color-neutral-600);max-width:600px;margin:0 auto var(--space-6)}.progress-container{margin-top:var(--space-6)}.progress-text{display:flex;justify-content:space-between;margin-bottom:var(--space-2);color:var(--color-neutral-700);font-weight:500}.progress-bar{height:8px;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-full)}.question-container{position:relative;min-height:400px;margin-bottom:var(--space-8)}.question-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);position:absolute;width:100%}.question-text{font-size:1.75rem;margin-bottom:var(--space-8);color:var(--color-neutral-900);text-align:center}.options-container{display:flex;flex-direction:column;gap:var(--space-4)}.option-button{padding:var(--space-4);border-radius:var(--radius-md);background-color:#fff;border:2px solid var(--color-neutral-200);text-align:left;font-size:1.125rem;color:var(--color-neutral-800);transition:all var(--transition-fast) ease}.option-button:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50);transform:translateY(-2px)}.option-button:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.quiz-navigation{display:flex;justify-content:space-between;margin-top:var(--space-16)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);min-height:400px}.loading-spinner{width:60px;height:60px;border:6px solid var(--color-primary-100);border-top:6px solid var(--color-primary-600);border-radius:50%;margin-bottom:var(--space-6)}.loading-container h2{font-size:1.75rem;margin-bottom:var(--space-4);color:var(--color-neutral-900)}.loading-container p{font-size:1.125rem;color:var(--color-neutral-600);max-width:500px}@media (max-width: 768px){.quiz-header h1{font-size:2rem}.question-text{font-size:1.5rem}.question-card{padding:var(--space-6)}}@media (max-width: 640px){.quiz-header h1{font-size:1.75rem}.quiz-header p{font-size:1rem}.question-text{font-size:1.375rem}.option-button{font-size:1rem;padding:var(--space-3)}.loading-container h2{font-size:1.5rem}.loading-container p{font-size:1rem}}.results-container{max-width:1000px;margin:0 auto;padding:var(--space-4)}.results-header{text-align:center;margin-bottom:var(--space-10)}.results-header h1{font-size:2.5rem;color:var(--color-neutral-900);margin-bottom:var(--space-4)}.results-header p{font-size:1.125rem;color:var(--color-neutral-600);max-width:700px;margin:0 auto var(--space-6)}.retake-btn{padding:var(--space-2) var(--space-4)}.results-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.overview-tab{padding:var(--space-8)}.personality-profile-section{margin-bottom:var(--space-12)}.personality-profile-section h2{font-size:1.75rem;margin-bottom:var(--space-4);color:var(--color-neutral-900)}.personality-profile-section p{font-size:1.125rem;line-height:1.7;color:var(--color-neutral-700);margin-bottom:var(--space-6)}.traits-container{background-color:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.traits-container h3{margin-bottom:var(--space-4);font-size:1.25rem;color:var(--color-primary-900)}.traits-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.trait-tag{background-color:var(--color-primary-100);color:var(--color-primary-800);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:500;font-size:.875rem}.top-recommendations-section{margin-bottom:var(--space-12)}.top-recommendations-section h2{font-size:1.75rem;margin-bottom:var(--space-6);color:var(--color-neutral-900)}.career-path-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.career-path-card{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-normal) ease}.career-path-card h3{font-size:1.25rem;margin-bottom:var(--space-3);color:var(--color-neutral-900)}.career-path-card p{color:var(--color-neutral-600);margin-bottom:var(--space-4);line-height:1.6}.view-careers-btn{margin-top:var(--space-2);width:100%}.all-paths-section h3{font-size:1.25rem;margin-bottom:var(--space-4);color:var(--color-neutral-900)}.career-path-list{display:flex;flex-direction:column;gap:var(--space-2)}.career-path-button{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:left;font-size:1rem;font-weight:500;color:var(--color-neutral-700);transition:all var(--transition-fast) ease;display:flex;justify-content:space-between;align-items:center}.career-path-button:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.career-path-button.top-recommendation{border-color:var(--color-primary-200);background-color:var(--color-primary-50);color:var(--color-primary-800)}.career-path-button.top-recommendation:hover{background-color:var(--color-primary-100)}.top-badge{background-color:var(--color-primary-600);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.careers-tab{padding:var(--space-8)}.careers-tab-header{margin-bottom:var(--space-8)}.back-button{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4)}.careers-tab-header h2{font-size:1.75rem;margin-bottom:var(--space-3);color:var(--color-neutral-900)}.careers-tab-header p{color:var(--color-neutral-600);margin-bottom:var(--space-4);line-height:1.6;font-size:1.125rem}.careers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.career-card{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-normal) ease;cursor:pointer}.career-card h3{font-size:1.25rem;margin-bottom:var(--space-3);color:var(--color-neutral-900)}.career-card p{color:var(--color-neutral-600);margin-bottom:var(--space-4);line-height:1.6}.career-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.meta-item{background-color:var(--color-neutral-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem}.meta-label{font-weight:500;color:var(--color-neutral-600);margin-right:var(--space-2)}.meta-value{color:var(--color-neutral-800)}.view-details-btn{width:100%;background-color:var(--color-neutral-100);color:var(--color-neutral-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast) ease}.view-details-btn:hover{background-color:var(--color-neutral-200)}.career-details{padding:var(--space-8)}.career-details-header{margin-bottom:var(--space-6)}.career-details-header h2{font-size:2rem;margin-top:var(--space-4);color:var(--color-neutral-900)}.career-description{font-size:1.125rem;line-height:1.7;color:var(--color-neutral-700);margin-bottom:var(--space-8)}.career-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8) var(--space-6)}.detail-section h3{font-size:1.25rem;margin-bottom:var(--space-4);color:var(--color-neutral-900);border-bottom:2px solid var(--color-primary-100);padding-bottom:var(--space-2)}.detail-section p{color:var(--color-neutral-700);line-height:1.6}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0}.skill-tag{background-color:var(--color-primary-100);color:var(--color-primary-800);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:500;font-size:.875rem}@media (max-width: 768px){.results-header h1{font-size:2rem}.results-header p{font-size:1rem}.overview-tab,.careers-tab,.career-details{padding:var(--space-6)}.personality-profile-section h2,.top-recommendations-section h2,.careers-tab-header h2,.career-details-header h2{font-size:1.5rem}.personality-profile-section p,.career-description{font-size:1rem}.traits-container,.career-path-card,.career-card{padding:var(--space-4)}}@media (max-width: 640px){.results-header h1{font-size:1.75rem}.career-path-cards,.careers-grid,.career-details-grid{grid-template-columns:1fr}.overview-tab,.careers-tab,.career-details{padding:var(--space-4)}.traits-grid{gap:var(--space-2)}.trait-tag,.skill-tag{font-size:.75rem}}.footer{background-color:var(--color-neutral-800);color:var(--color-neutral-100);padding:var(--space-12) 0 var(--space-6);margin-top:var(--space-12)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-section h4{font-size:1.25rem;margin-bottom:var(--space-4);color:#fff}.footer-section p{color:var(--color-neutral-300);margin-bottom:var(--space-4);line-height:1.6}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--color-neutral-300);text-decoration:none;transition:color var(--transition-fast) ease}.footer-links a:hover{color:#fff}.social-links{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.social-links a{color:var(--color-neutral-300);transition:color var(--transition-fast) ease}.social-links a:hover{color:#fff}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-neutral-700);text-align:center;color:var(--color-neutral-400);font-size:.875rem}@media (max-width: 768px){.footer{padding:var(--space-8) 0 var(--space-4)}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}}@media (max-width: 640px){.footer-container{padding:0 var(--space-4)}.footer-content{grid-template-columns:1fr;gap:var(--space-6)}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--space-6);max-width:1200px;margin:0 auto;width:100%}.btn-primary{background-color:var(--color-primary-600);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:500;transition:background-color var(--transition-fast) ease}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-primary:focus{outline:2px solid var(--color-primary-700);outline-offset:2px}.btn-secondary{background-color:var(--color-neutral-200);color:var(--color-neutral-800);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:500;transition:background-color var(--transition-fast) ease}.btn-secondary:hover{background-color:var(--color-neutral-300)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6)}.section{margin-bottom:var(--space-16)}.section-title{font-size:2rem;margin-bottom:var(--space-6);color:var(--color-neutral-900)}.section-subtitle{font-size:1.25rem;color:var(--color-neutral-600);margin-bottom:var(--space-8)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}@media (max-width: 1024px){.main-content{padding:var(--space-4)}}@media (max-width: 640px){.main-content{padding:var(--space-3)}.section-title{font-size:1.75rem}.section-subtitle{font-size:1.125rem}.card{padding:var(--space-4)}}:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-secondary-50: #ECFEFF;--color-secondary-100: #CFFAFE;--color-secondary-200: #A5F3FC;--color-secondary-300: #67E8F9;--color-secondary-400: #22D3EE;--color-secondary-500: #06B6D4;--color-secondary-600: #0891B2;--color-secondary-700: #0E7490;--color-secondary-800: #155E75;--color-secondary-900: #164E63;--color-accent-50: #FFF7ED;--color-accent-100: #FFEDD5;--color-accent-200: #FED7AA;--color-accent-300: #FDBA74;--color-accent-400: #FB923C;--color-accent-500: #F97316;--color-accent-600: #EA580C;--color-accent-700: #C2410C;--color-accent-800: #9A3412;--color-accent-900: #7C2D12;--color-success-50: #ECFDF5;--color-success-500: #10B981;--color-success-700: #047857;--color-warning-50: #FFFBEB;--color-warning-500: #FBBF24;--color-warning-700: #B45309;--color-error-50: #FEF2F2;--color-error-500: #EF4444;--color-error-700: #B91C1C;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--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;--space-20: 5rem;--space-24: 6rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--line-height-body: 1.5;--line-height-heading: 1.2;--shadow-sm: 0 1px 2px 0 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-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);line-height:var(--line-height-body);font-weight:400;color:var(--color-neutral-800);background-color:var(--color-neutral-50);min-height:100vh;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);font-weight:700;margin-bottom:var(--space-4)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--color-primary-700)}button{cursor:pointer;border:none;font-family:inherit;font-weight:500;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--transition-fast) ease}img{max-width:100%;height:auto}@media (max-width: 640px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}}