:root{--color-bg:#FAFAFA;--color-bg-white:#FFFFFF;--color-text:#1A1A1A;--color-text-muted:#6B7280;--color-text-light:#9CA3AF;--color-accent:#4A5568;--color-accent-light:#718096;--color-border:#E5E7EB;--color-border-light:#F3F4F6;--color-success:#38A169;--color-success-bg:#F0FFF4;--color-warning:#D69E2E;--color-warning-bg:#FFFAF0;--color-danger:#E53E3E;--color-danger-bg:#FFF5F5;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.05),0 2px 4px rgba(0, 0, 0, 0.03);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.05),0 4px 6px rgba(0, 0, 0, 0.03);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--container-max:720px;--container-padding:var(--space-4)}[data-theme=dark]{--color-bg:#0F172A;--color-bg-white:#1E293B;--color-text:#F1F5F9;--color-text-muted:#94A3B8;--color-text-light:#64748B;--color-accent:#60A5FA;--color-accent-light:#93C5FD;--color-border:#334155;--color-border-light:#1E293B;--color-success:#4ADE80;--color-success-bg:#14532D;--color-warning:#FBBF24;--color-warning-bg:#713F12;--color-danger:#F87171;--color-danger-bg:#7F1D1D;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.3),0 2px 4px rgba(0, 0, 0, 0.2);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.3),0 4px 6px rgba(0, 0, 0, 0.2)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;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(--color-text);background-color:var(--color-bg);min-height:100vh}h1,h2,h3{line-height:1.3;font-weight:600;color:var(--color-text)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-4)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.hidden{display:none!important}.header{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text)}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700}.logo-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.header-right{display:flex;align-items:center;gap:var(--space-4)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-border)}.theme-icon{font-size:var(--font-size-lg);line-height:1}.dark-icon{display:none}[data-theme=dark] .light-icon{display:none}[data-theme=dark] .dark-icon{display:inline}.hero{text-align:center;padding:var(--space-10) 0 var(--space-6)}.hero-cta{margin-top:var(--space-6);display:inline-flex}.hero h1{margin-bottom:var(--space-4)}.hero-description{color:var(--color-text-muted);font-size:var(--font-size-base);max-width:600px;margin:0 auto var(--space-6)}.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin:0}.trust-item{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.how-it-works{text-align:center;padding:var(--space-8) 0}.how-it-works h2{margin-bottom:var(--space-6)}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:640px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--space-3)}.step-card h3{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.step-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.geo-copy{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.7}.geo-copy strong{color:var(--color-text)}.form-section{padding:var(--space-6) 0}.form-container{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.progress-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding:0 var(--space-2)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex-shrink:0}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base)}.progress-step.active .step-number,.progress-step.completed .step-number{background-color:var(--color-accent);color:#fff}.step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;transition:color var(--transition-base)}.progress-step.active .step-label{color:var(--color-text);font-weight:500}.progress-line{flex:1;height:2px;background-color:var(--color-border);margin:0 var(--space-2);margin-bottom:var(--space-6)}.form-step{display:none}.form-step.active{display:block;animation:fadeIn var(--transition-slow)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{margin-bottom:var(--space-6);font-size:var(--font-size-xl)}.form-group{margin-bottom:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:480px){.form-row{grid-template-columns:1fr 1fr}}label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.required{color:var(--color-danger)}.optional{font-weight:400;color:var(--color-text-light)}.optional-badge{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted);background-color:var(--color-border-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-2)}input[type=email],input[type=number],input[type=text],select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}input[type=number]:focus,input[type=text]:focus,select:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(74,85,104,.1)}input::placeholder{color:var(--color-text-light)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.field-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--space-1)}input.error,select.error{border-color:var(--color-danger);animation:shake .3s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.autocomplete-container{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-white);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto;z-index:50;margin-top:-1px}.suggestion-item{padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.suggestion-item:last-child{border-bottom:none}.suggestion-item.selected,.suggestion-item:hover{background-color:var(--color-border-light)}.suggestion-item strong{color:var(--color-accent);font-weight:600}.skill-suggestions{margin-top:var(--space-2)}.skill-suggestions-label{font-size:var(--font-size-xs);color:var(--color-text-light);margin-bottom:var(--space-2);display:block}.skill-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);background-color:var(--color-border-light);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.skill-chip:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.skill-chip.selected{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.input-with-prefix{display:flex;align-items:stretch}.input-prefix{display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);background-color:var(--color-border-light);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-muted);min-width:40px}.input-with-prefix input{border-radius:0 var(--radius-md) var(--radius-md) 0}.slider-container{display:flex;align-items:center;gap:var(--space-4)}.slider{flex:1;height:6px;appearance:none;background-color:var(--color-border);border-radius:var(--radius-full);outline:0;cursor:pointer}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background-color:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;background-color:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer}.slider-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);min-width:70px;text-align:right}.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.radio-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-option:hover{border-color:var(--color-accent-light)}.radio-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.radio-option input[type=radio]:checked+.radio-label{font-weight:500}.radio-label{font-size:var(--font-size-sm);color:var(--color-text)}.toggle-group{display:flex;gap:var(--space-3)}.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.toggle-option:hover{border-color:var(--color-accent-light)}.toggle-option input[type=radio]{display:none}.toggle-option:has(input:checked){background-color:var(--color-accent);border-color:var(--color-accent)}.toggle-option:has(input:checked) .toggle-label{color:#fff}.toggle-label{font-size:var(--font-size-sm);font-weight:500}.form-actions{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-family);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-text)}.btn-secondary{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-text)}.btn-text{background:0 0;border:none;color:var(--color-text-muted);padding:var(--space-2)}.btn-text:hover:not(:disabled){color:var(--color-text)}.btn-text:disabled{cursor:not-allowed;opacity:.5}.btn-arrow{font-size:var(--font-size-lg)}.btn-next{margin-left:auto}.results-section{padding:var(--space-8) 0}.results-container{display:flex;flex-direction:column;gap:var(--space-6)}.score-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);text-align:center}.score-circle{position:relative;width:140px;height:140px;margin:0 auto var(--space-6)}.score-ring{transform:rotate(-90deg);width:100%;height:100%}.score-ring-bg{fill:none;stroke:var(--color-border);stroke-width:8}.score-ring-progress{fill:none;stroke:var(--color-accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;transition:stroke-dashoffset 1s ease-out,stroke .3s ease}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{display:block;font-size:var(--font-size-4xl);font-weight:700;color:var(--color-text);line-height:1}.score-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.verdict-container{margin-bottom:0}.verdict{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.verdict.underpaid{color:var(--color-danger)}.verdict.possibly-underpaid{color:var(--color-warning)}.verdict.fairly-paid{color:var(--color-success)}.confidence{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.salary-range-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);text-align:center}.salary-range-card h3{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-4)}.salary-range{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.salary-max,.salary-min{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.salary-separator{font-size:var(--font-size-base);color:var(--color-text-muted)}.salary-note{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--space-3);margin-bottom:0}.reasons-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.reasons-card h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-4)}.reasons-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.reasons-list li{display:flex;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.reasons-list li::before{content:"→";color:var(--color-accent);flex-shrink:0}.data-info{text-align:center;padding:var(--space-4)}.data-updated{font-size:var(--font-size-xs);color:var(--color-text-light);margin-bottom:var(--space-1)}.recheck-prompt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.disclaimer-card{background-color:var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4)}.disclaimer-card p{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0;line-height:1.6}.methodology-card{background-color:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-border-light)}.methodology-card h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.methodology-card p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;line-height:1.6}.result-actions{display:flex;justify-content:center;padding-top:var(--space-4)}.contribution-prompt{text-align:center;padding:var(--space-4);border-top:1px solid var(--color-border-light)}.contribution-prompt p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.future-feature{padding:var(--space-6) 0}.coming-soon-card{background-color:var(--color-bg-white);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.coming-soon-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background-color:var(--color-border-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.coming-soon-card h3{margin-bottom:var(--space-3)}.coming-soon-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:500px;margin:0 auto}.faq-section{padding:var(--space-12) 0}.faq-section h2{text-align:center;margin-bottom:var(--space-8)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background-color:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.faq-item summary{padding:var(--space-4) var(--space-5);font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-fast)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:var(--font-size-xl);color:var(--color-text-muted);transition:transform var(--transition-fast)}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item summary:hover{background-color:var(--color-border-light)}.faq-item p{padding:0 var(--space-5) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.7;margin:0}.about-section,.disclaimer-section{padding:var(--space-10) 0;border-top:1px solid var(--color-border)}.about-section h2,.disclaimer-section h2{margin-bottom:var(--space-6)}.about-content p,.disclaimer-section p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.8}.footer{background-color:var(--color-bg-white);border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-8)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.footer-brand .logo-text{font-size:var(--font-size-base)}.footer-brand p{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0}.footer-links{display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-text)}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-light)}.footer-copyright p{margin:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{text-align:center}.spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0}.loading-progress{width:200px;height:4px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin:0 auto}.loading-bar{height:100%;width:0;background-color:var(--color-accent);border-radius:var(--radius-full);animation:loadingProgress 5s ease-out forwards}@keyframes loadingProgress{0%{width:0}20%{width:20%}40%{width:45%}60%{width:65%}80%{width:85%}100%{width:100%}}@media (min-width:640px){:root{--container-padding:var(--space-6)}h1{font-size:var(--font-size-3xl)}.hero{padding:var(--space-12) 0 var(--space-10)}.form-container{padding:var(--space-8)}.radio-group{flex-direction:row}.radio-option{flex:1}}@media (min-width:768px){h1{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}.footer-content{flex-direction:row;justify-content:space-between;text-align:left}.footer-brand{align-items:flex-start}}@media print{.btn,.footer,.form-section,.future-feature,.header,.loading-overlay{display:none!important}.results-section{display:block!important}}