*,*:before,*:after{box-sizing:border-box}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-50: #F0FDFA;--primary-100: #CCFBF1;--primary-200: #99F6E4;--primary-500: #14B8A6;--primary-600: #0D9488;--primary-700: #0F766E;--primary-800: #115E59;--primary-900: #134E4A;--accent-50: #FFFBEB;--accent-100: #FEF3C7;--accent-200: #FDE68A;--accent-300: #FCD34D;--accent-400: #FBBF24;--accent-500: #F59E0B;--accent-600: #D97706;--success-50: #ECFDF5;--success-100: #D1FAE5;--success-500: #10B981;--success-600: #059669;--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-400: #9CA3AF;--neutral-500: #6B7280;--neutral-600: #4B5563;--neutral-700: #374151;--neutral-800: #1F2937;--neutral-900: #111827;--gray-50: var(--neutral-50);--gray-100: var(--neutral-100);--gray-200: var(--neutral-200);--gray-300: var(--neutral-300);--gray-400: var(--neutral-400);--gray-500: var(--neutral-500);--gray-600: var(--neutral-600);--gray-700: var(--neutral-700);--gray-800: var(--neutral-800);--gray-900: var(--neutral-900);--amber-100: var(--accent-100);--amber-200: var(--accent-200);--amber-400: var(--accent-400);--amber-500: var(--accent-500);--amber-600: var(--accent-600);--amber-700: var(--accent-600);--emerald-50: var(--success-50);--emerald-100: var(--success-100);--emerald-200: var(--success-100);--emerald-500: var(--success-500);--emerald-600: var(--success-600);--emerald-700: var(--success-600);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--gradient-brand: linear-gradient(135deg, var(--primary-500) 0%, var(--accent-500) 100%);--gradient-brand-subtle: linear-gradient(135deg, var(--primary-100) 0%, var(--accent-100) 100%);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(12px);font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--neutral-800);background-color:var(--neutral-50);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:700;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px #0d948826,0 1px 2px #0000000d}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}table{border-collapse:collapse}.text-gradient{background:linear-gradient(135deg,var(--co-yellow) 0%,var(--co-blue) 50%,var(--co-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.card-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:staggerFadeIn .4s ease-out forwards;opacity:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.gradient-focus:focus{border-color:transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-brand);background-origin:border-box;background-clip:padding-box,border-box}.dark{--neutral-50: #111827;--neutral-100: #1F2937;--neutral-200: #374151;--neutral-300: #4B5563;--neutral-400: #6B7280;--neutral-500: #9CA3AF;--neutral-600: #D1D5DB;--neutral-700: #E5E7EB;--neutral-800: #F3F4F6;--neutral-900: #F9FAFB;--glass-bg: rgba(17, 24, 39, .8);--glass-border: rgba(55, 65, 81, .5);--primary-50: #042f2e;--primary-100: #134e4a;color:var(--neutral-800);background-color:#0f172a}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.nav{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:2rem}.logo{font-size:1.25rem;font-weight:800;color:var(--gray-900);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:.5rem;flex:1}.nav-links a{color:var(--gray-600);text-decoration:none;font-weight:500;font-size:.9375rem;padding:.5rem .875rem;border-radius:var(--radius);transition:all .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:.25rem;left:50%;width:0;height:2px;background:var(--primary-600);border-radius:1px;transition:all .2s ease;transform:translate(-50%)}.nav-links a:hover{color:var(--neutral-900);background:var(--neutral-100)}.nav-links a:hover:after{width:calc(100% - 1.75rem)}.nav-links a.active{color:var(--primary-600);background:var(--primary-50)}.nav-links a.active:after{width:calc(100% - 1.75rem);background:var(--primary-600)}.badge{font-size:.6875rem;font-weight:600;background:var(--amber-100);color:var(--amber-700);padding:.375rem .75rem;border-radius:9999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;width:100%}.footer{background:var(--neutral-50);border-top:1px solid var(--gray-200);padding:3rem 1.5rem 1.5rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:3rem}.footer-brand{max-width:280px}.footer-logo{font-size:1.125rem;font-weight:800;color:var(--gray-900);text-decoration:none;letter-spacing:-.02em}.footer-tagline{margin-top:.75rem;color:var(--gray-500);font-size:.875rem;line-height:1.5}.footer-links{display:flex;gap:4rem}.footer-section h4{font-size:.75rem;font-weight:600;color:var(--gray-900);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer-section a{display:block;color:var(--gray-600);text-decoration:none;font-size:.875rem;padding:.375rem 0;transition:color .2s}.footer-section a:hover{color:var(--primary-600)}.footer-bottom{max-width:1200px;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--gray-200);text-align:center}.footer-disclaimer{color:var(--gray-500);font-size:.8125rem;line-height:1.6;margin-bottom:.5rem}.footer-copyright{color:var(--gray-400);font-size:.75rem}@media(max-width:640px){.nav{flex-wrap:wrap;gap:1rem}.nav-links{order:3;width:100%;justify-content:center}.nav-links a{font-size:.875rem;padding:.5rem .75rem}.badge{margin-left:auto}.footer-content{flex-direction:column;gap:2rem}.footer-brand{max-width:none;text-align:center}.footer-links{justify-content:center;gap:3rem}}.filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-row.advanced{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:140px}.filter-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.filter-group select,.filter-group input[type=number]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;color:#1f2937}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-group.range .range-inputs{display:flex;align-items:center;gap:.5rem}.filter-group.range input{width:100px}.filter-group.checkbox{flex-direction:row;align-items:center}.filter-group.checkbox label{display:flex;align-items:center;gap:.5rem;text-transform:none;font-size:.875rem;color:#1f2937;cursor:pointer}.filter-group.checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.filter-toggle{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;padding:.5rem;white-space:nowrap}.filter-toggle:hover{text-decoration:underline}.filter-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.clear-filters{background:none;border:none;color:#dc2626;font-size:.875rem;cursor:pointer;padding:0}.clear-filters:hover{text-decoration:underline}@media(max-width:768px){.filter-bar{padding:.75rem}.filter-row{gap:.75rem}.filter-group{min-width:calc(50% - .375rem);flex:1 1 calc(50% - .375rem)}.filter-group select{padding:.5rem;font-size:.8125rem}.filter-group.range{min-width:100%;flex-basis:100%}.filter-group.range input{flex:1;min-width:0}.filter-toggle{width:100%;text-align:center;padding:.625rem;background:var(--neutral-50);border-radius:var(--radius);margin-top:.25rem}}@media(max-width:480px){.filter-group{min-width:100%;flex-basis:100%}.filter-group label{font-size:.6875rem}}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:var(--radius)}.skeleton-table{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table-header{display:flex;gap:1rem;padding:1rem 1.5rem;background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.skeleton-table-header .skeleton{flex:1;min-width:60px}.skeleton-table-row{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--neutral-100)}.skeleton-table-row .skeleton{flex:1;min-width:60px}.skeleton-table-row:last-child{border-bottom:none}.skeleton-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg)}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.skeleton-card-body{margin-bottom:1.5rem}.skeleton-card-stats{display:flex;gap:1rem;justify-content:space-between}.table-container{overflow-x:auto;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table-container.sample{opacity:.6;pointer-events:none}.submissions-table{width:100%;border-collapse:collapse;font-size:.875rem}.submissions-table th,.submissions-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.submissions-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);white-space:nowrap;font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}.submissions-table tbody tr{transition:background .15s;animation:tableRowEntrance .3s ease-out forwards;opacity:0;content-visibility:auto;contain-intrinsic-size:0 48px}.submissions-table tbody tr:nth-child(1){animation-delay:.05s}.submissions-table tbody tr:nth-child(2){animation-delay:.1s}.submissions-table tbody tr:nth-child(3){animation-delay:.15s}.submissions-table tbody tr:nth-child(4){animation-delay:.2s}.submissions-table tbody tr:nth-child(5){animation-delay:.25s}.submissions-table tbody tr:nth-child(6){animation-delay:.3s}.submissions-table tbody tr:nth-child(7){animation-delay:.35s}.submissions-table tbody tr:nth-child(8){animation-delay:.4s}.submissions-table tbody tr:nth-child(9){animation-delay:.45s}.submissions-table tbody tr:nth-child(10){animation-delay:.5s}.submissions-table tbody tr:nth-child(n+11){animation-delay:.5s}@keyframes tableRowEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.submissions-table tbody tr:hover{background:var(--gray-50)}.submissions-table tbody tr:last-child td{border-bottom:none}.salary{font-weight:600;color:var(--primary-600);white-space:nowrap}.company{color:var(--gray-500);font-style:italic}.date{color:var(--gray-400);white-space:nowrap;font-size:.8125rem}.salary-type{display:inline-block;padding:.1875rem .625rem;border-radius:var(--radius);font-size:.75rem;font-weight:600}.salary-type.ordinario,.salary-type.integral{background:var(--primary-100);color:var(--primary-700)}.table-loading{padding:4rem 2rem;text-align:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-500)}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--neutral-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state-container{display:flex;flex-direction:column;gap:2rem}.empty-state{padding:3rem 2rem;text-align:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-illustration{width:180px;height:auto;margin:0 auto 1.5rem}.empty-state h3{font-size:1.25rem;color:var(--gray-900);margin:0 0 .625rem;font-weight:600}.empty-state p{color:var(--gray-600);margin:0 0 1.5rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.empty-state p strong{color:var(--gray-800)}.empty-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-cta{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;background:var(--primary-600);color:#fff;font-size:.9375rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;box-shadow:0 4px 14px #0d94884d;transition:all .2s}.empty-cta:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:0 6px 20px #0d948866}.empty-hint{font-size:.8125rem;color:var(--gray-500)}.sample-preview{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:1.5rem;background:var(--gray-50)}.sample-header{margin-bottom:1rem}.sample-badge{display:inline-block;padding:.25rem .75rem;background:var(--amber-100);color:var(--amber-700);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:.5rem}.sample-header p{font-size:.875rem;color:var(--gray-600);margin:0}@media(max-width:768px){.table-container{position:relative}.table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));pointer-events:none}.submissions-table{font-size:.75rem}.submissions-table th,.submissions-table td{padding:.625rem .5rem;white-space:nowrap}.submissions-table th:nth-child(4),.submissions-table td:nth-child(4),.submissions-table th:nth-child(8),.submissions-table td:nth-child(8),.submissions-table th:nth-child(9),.submissions-table td:nth-child(9){display:none}.empty-state{padding:2rem 1.5rem}.empty-illustration{width:140px}.sample-preview{padding:1rem}}@media(max-width:480px){.submissions-table th:nth-child(2),.submissions-table td:nth-child(2),.submissions-table th:nth-child(7),.submissions-table td:nth-child(7){display:none}.submissions-table th,.submissions-table td{padding:.5rem .375rem}}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{display:flex;gap:.25rem;align-items:center}.pagination-controls button{min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .15s}.pagination-controls button:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls button.active{background:#2563eb;border-color:#2563eb;color:#fff}.pagination-controls .ellipsis{padding:0 .5rem;color:#9ca3af}@media(max-width:480px){.pagination{flex-direction:column;gap:1rem}}.insights-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg);animation:cardEntrance .5s ease-out}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.insights-card.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#6b7280}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.insights-header h3{margin:0;font-size:1.125rem;color:#1f2937}.sample-size{font-size:.75rem;color:#9ca3af;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.percentile-section{text-align:center;padding:1.5rem;background:linear-gradient(135deg,var(--primary-50),var(--accent-50));border-radius:var(--radius-lg);margin-bottom:1.5rem;position:relative;overflow:hidden}.percentile-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerOnce 1.5s ease-out .5s forwards}@keyframes shimmerOnce{to{left:100%}}.percentile-value{font-size:1.5rem;color:var(--neutral-700)}.percentile-value strong{font-size:3rem;color:var(--primary-600);margin-left:.25rem}.percentile-description{margin:.5rem 0 0;color:#6b7280;font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{text-align:center;padding:1rem;background:#f9fafb;border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item.highlight{background:var(--primary-50)}.stat-label{display:block;font-size:.75rem;color:var(--neutral-500);text-transform:uppercase;margin-bottom:.25rem}.stat-value{font-size:1rem;font-weight:600;color:var(--neutral-800)}.stat-item.highlight .stat-value{color:var(--primary-600)}.salary-bar{margin-top:1rem}.bar-track{position:relative;height:1.5rem;background:#e5e7eb;border-radius:.75rem;overflow:visible}.bar-range{position:absolute;top:0;height:100%;background:linear-gradient(90deg,var(--accent-200),var(--accent-400));border-radius:.75rem}.bar-median{position:absolute;top:-.25rem;width:3px;height:calc(100% + .5rem);background:var(--accent-500);border-radius:2px;transform:translate(-50%)}.bar-user{position:absolute;top:50%;width:1rem;height:1rem;background:var(--primary-600);border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;animation:userPulse 2s ease-in-out infinite}@keyframes userPulse{0%,to{box-shadow:0 2px 4px #0003,0 0 #0d948866}50%{box-shadow:0 2px 4px #0003,0 0 0 8px #0d948800}}.bar-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--neutral-400)}.bar-labels .user-label{color:var(--primary-600);font-weight:500}.spinner{width:2rem;height:2rem;border:3px solid var(--neutral-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.percentile-value strong{font-size:2.5rem}}.currency-input-wrapper{display:flex;align-items:center;border:1px solid var(--neutral-300);border-radius:var(--radius);background:#fff;transition:all .2s ease;padding:0 .875rem}.currency-input-wrapper:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #0d948826}.currency-prefix{color:var(--neutral-600);font-weight:600;font-size:1rem;margin-right:.5rem;flex-shrink:0}.currency-input{flex:1;padding:.75rem 0;border:none;font-size:1rem;font-weight:500;color:var(--neutral-800);background:transparent;min-width:0}.currency-input:focus{outline:none}.currency-input::placeholder{color:var(--neutral-400);font-weight:400}.currency-hint{color:var(--neutral-400);font-size:.75rem;font-weight:500;text-transform:uppercase;margin-left:.5rem;flex-shrink:0}.currency-input-wrapper.valid{border-color:var(--success-500)}.currency-input-wrapper.valid:focus-within{box-shadow:0 0 0 3px #10b98126}.currency-input-wrapper.invalid,.currency-input-wrapper.error{border-color:#ef4444}.currency-input-wrapper.invalid:focus-within,.currency-input-wrapper.error:focus-within{box-shadow:0 0 0 3px #ef444426}.currency-input-wrapper.disabled{background-color:var(--neutral-100);border-color:var(--neutral-200);cursor:not-allowed;opacity:.7}.currency-input-wrapper.disabled .currency-prefix,.currency-input-wrapper.disabled .currency-input{color:var(--neutral-400);cursor:not-allowed}.submission-form.wizard{max-width:600px;margin:0 auto}.submission-form.wizard>.trust-badge{margin-bottom:1rem}.wizard-motivation{text-align:center;padding:1.5rem;background:linear-gradient(135deg,var(--accent-50) 0%,var(--primary-50) 100%);border:1px solid var(--primary-100);border-radius:.75rem;margin-bottom:1.5rem}.motivation-stat{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.motivation-number{font-size:2rem;font-weight:800;color:var(--primary-700)}.motivation-text{font-size:1rem;color:#374151;font-weight:500}.motivation-cta{margin:0;font-size:.9375rem;color:#6b7280}.wizard-progress{margin-bottom:2rem}.progress-bar{height:4px;background:#e5e7eb;border-radius:2px;margin-bottom:1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500) 0%,var(--accent-500) 100%);border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-steps{display:flex;justify-content:space-between}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.375rem}.step-dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;background:var(--neutral-200);color:var(--neutral-500);transition:all .3s}.progress-step.active .step-dot,.progress-step.completed .step-dot{background:var(--primary-600);color:#fff}.step-label{font-size:.75rem;color:var(--neutral-400);font-weight:500}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--primary-600)}.wizard-step{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:1.75rem;margin-bottom:1.5rem;animation:fadeIn .3s ease;box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.step-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.step-header h3{font-size:1.25rem;color:#1f2937;margin:0 0 .375rem;font-weight:600}.step-header p{font-size:.875rem;color:#6b7280;margin:0}.value-preview{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius);margin-bottom:1.25rem}.value-preview-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--primary-100);border-radius:var(--radius);flex-shrink:0}.value-preview-icon svg{width:1.25rem;height:1.25rem;color:var(--primary-600)}.value-preview-content{display:flex;flex-direction:column;gap:.125rem}.value-preview-title{font-size:.75rem;font-weight:600;color:var(--primary-700);text-transform:uppercase;letter-spacing:.03em}.value-preview-text{font-size:.875rem;color:var(--neutral-700);line-height:1.4}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group{flex:1;display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group label .optional{font-weight:400;color:#9ca3af}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;background:#fff;color:#1f2937;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0d948826,0 1px 2px #0000000d;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--primary-200),var(--accent-200)) border-box;border:2px solid transparent}.form-group input.valid,.form-group select.valid{border-color:var(--success-500);background:#10b98105}.form-group input.invalid,.form-group select.invalid{border-color:#ef4444;background:#ef444405}.form-group select:disabled{background-color:var(--neutral-100);border-color:var(--neutral-200);color:var(--neutral-400);cursor:not-allowed;opacity:.7}.field-feedback{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;animation:fadeIn .2s ease}.field-feedback.valid{color:var(--success-500)}.field-feedback.invalid{color:#ef4444}.form-hint{font-size:.75rem;color:#9ca3af}.salary-preview{font-size:.875rem;font-weight:600;color:var(--primary-600);background:var(--primary-50);padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.form-group textarea{resize:vertical;min-height:80px}.char-count{font-size:.75rem;color:#9ca3af;text-align:right}.submit-preview{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;border-radius:.75rem;margin:1.5rem 0}.preview-icon{font-size:2rem;flex-shrink:0}.preview-content h4{font-size:.9375rem;color:#065f46;margin:0 0 .5rem;font-weight:600}.preview-content ul{margin:0;padding:0;list-style:none}.preview-content li{font-size:.875rem;color:#047857;padding:.25rem 0 .25rem 1.25rem;position:relative}.preview-content li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}.form-consent{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-consent label{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:#4b5563;cursor:pointer;line-height:1.5}.form-consent input[type=checkbox]{margin-top:.125rem;width:1.125rem;height:1.125rem;cursor:pointer;flex-shrink:0;accent-color:var(--primary-600)}.wizard-navigation{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.nav-spacer{flex:1}.btn-back{padding:.75rem 1.25rem;background:#fff;color:#4b5563;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f9fafb;border-color:#9ca3af}.btn-next{padding:.75rem 1.75rem;background:var(--primary-600);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-next:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px);box-shadow:0 4px 12px #0d948840}.btn-next:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-next:disabled{background:var(--primary-200);cursor:not-allowed}.btn-submit{padding:.875rem 2rem;background:var(--primary-600);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #0d94884d}.btn-submit:hover:not(:disabled){background:var(--primary-700);transform:translateY(-2px);box-shadow:0 6px 20px #0d948866}.btn-submit:disabled{background:var(--neutral-400);box-shadow:none;cursor:not-allowed}.completion-indicator{text-align:center}.completion-text{font-size:.8125rem;color:#9ca3af}@media(max-width:640px){.form-row{flex-direction:column}.wizard-step{padding:1.25rem}.step-header-row{flex-direction:column;gap:.75rem}.step-header-row .trust-badge.compact{align-self:flex-start}.motivation-stat{flex-direction:column;gap:.25rem}.motivation-number{font-size:1.75rem}.progress-steps{gap:.25rem}.step-dot{width:1.75rem;height:1.75rem;font-size:.75rem}.step-label{font-size:.625rem;max-width:60px;text-align:center;line-height:1.2}.submit-preview{flex-direction:column;text-align:center}.wizard-navigation{flex-wrap:wrap}.btn-back,.btn-next,.btn-submit{flex:1;min-width:120px}}@media(max-width:380px){.step-label{display:none}.progress-steps{justify-content:space-around}}.compare-form{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.compare-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.compare-form .form-group{display:flex;flex-direction:column;gap:.375rem}.compare-form .form-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase}.compare-form .form-group input,.compare-form .form-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;color:#1f2937}.compare-form .form-group input:focus,.compare-form .form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.compare-form .form-group input.error,.compare-form .form-group select.error{border-color:#dc2626}.form-error-summary{margin:0 0 1rem;padding:.75rem;background:#fef2f2;color:#dc2626;border-radius:.375rem;font-size:.875rem}.compare-button{width:100%;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.compare-button:hover{background:#1d4ed8}@media(max-width:480px){.compare-form-grid{grid-template-columns:1fr}}.trust-badge{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--success-100);border-left:4px solid var(--success-500);border-radius:var(--radius-lg)}.trust-badge.compact{display:inline-flex;padding:.5rem .875rem;gap:.5rem;border-radius:9999px;background:var(--success-50);border-left:none;border:1px solid var(--success-100)}.trust-badge.compact span{font-size:.8125rem;font-weight:600;color:var(--success-600)}.trust-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#10b98126;border-radius:var(--radius);flex-shrink:0}.trust-badge.compact .trust-icon{width:1.5rem;height:1.5rem;background:transparent}.trust-icon svg{width:1.25rem;height:1.25rem;color:var(--success-500)}.trust-badge.compact .trust-icon svg{width:1rem;height:1rem}.trust-content{display:flex;flex-direction:column;gap:.125rem}.trust-title{font-size:.9375rem;font-weight:600;color:var(--success-600)}.trust-subtitle{font-size:.8125rem;color:var(--success-500)}.trust-badge-inline{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--success-600);background:var(--success-50);padding:.25rem .625rem;border-radius:9999px;border:1px solid var(--success-100)}.trust-badge-inline svg{width:.875rem;height:.875rem}.trust-badge.dynamic{background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);border:1px solid var(--primary-100);border-left:none;position:relative}.trust-badge.dynamic .trust-icon.users{background:var(--primary-100)}.trust-badge.dynamic .trust-icon.users svg{color:var(--primary-600)}.trust-badge.dynamic .trust-title{color:var(--neutral-800)}.trust-badge.dynamic .trust-title .highlight-count{color:var(--primary-600);font-weight:700}.trust-badge.dynamic .trust-subtitle{color:var(--neutral-500)}.live-indicator{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--success-600);margin-left:auto}.live-dot{width:.5rem;height:.5rem;background:var(--success-500);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.privacy-faq{max-width:600px;margin:2.5rem auto 0}.faq-header{text-align:center;margin-bottom:1.5rem}.faq-header h3{font-size:1.125rem;color:var(--gray-900);margin:0 0 .375rem;font-weight:600}.faq-header p{font-size:.875rem;color:var(--gray-500);margin:0}.faq-list{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.faq-item{border-bottom:1px solid var(--gray-200)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;text-align:left;font-size:.9375rem;font-weight:500;color:var(--gray-800);transition:background .15s}.faq-question:hover,.faq-item.open .faq-question{background:var(--gray-50)}.faq-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:300;color:var(--gray-400);flex-shrink:0}.faq-answer{padding:0 1.25rem 1rem;animation:faqSlideDown .2s ease}@keyframes faqSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{margin:0;font-size:.875rem;line-height:1.6;color:var(--gray-600)}.privacy-faq.compact .faq-header{display:none}.privacy-faq.compact{margin:1.5rem 0 0}.privacy-faq.compact .faq-question{padding:.75rem 1rem;font-size:.875rem}.privacy-faq.compact .faq-answer{padding:0 1rem .75rem}@media(max-width:640px){.privacy-faq{margin-top:2rem}.faq-question{padding:.875rem 1rem;font-size:.875rem}.faq-answer{padding:0 1rem .875rem}}.methodology-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.methodology-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.methodology-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--accent-100);border-radius:var(--radius)}.methodology-icon svg{width:1.125rem;height:1.125rem;color:var(--accent-600)}.methodology-header h4{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin:0}.methodology-content{display:flex;flex-direction:column;gap:.875rem}.methodology-item{display:flex;flex-direction:column;gap:.125rem}.methodology-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400)}.methodology-value{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.methodology-desc{font-size:.8125rem;color:var(--gray-500);line-height:1.4}@media(max-width:640px){.methodology-card{padding:1rem}.methodology-content{gap:.75rem}}.salary-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.salary-charts .chart-card:first-child{grid-column:1 / -1}.chart-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-md)}.chart-card h3{font-size:1rem;font-weight:600;color:var(--neutral-800);margin:0 0 .25rem}.chart-subtitle{font-size:.75rem;color:var(--neutral-500);margin:0 0 1rem}.chart-container{width:100%;min-height:200px}.chart-card.skeleton-chart{min-height:280px}.chart-skeleton{width:100%;height:200px;background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-card.chart-empty{min-height:280px}.chart-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--neutral-400);text-align:center}.chart-empty-icon{width:48px;height:48px;margin-bottom:.75rem;opacity:.5}.chart-empty-content p{font-size:.875rem;margin:0;color:var(--neutral-500)}@media(max-width:768px){.salary-charts{grid-template-columns:1fr}.salary-charts .chart-card:first-child{grid-column:span 1}.chart-card{padding:1rem}}.chip-filter{display:flex;flex-direction:column;gap:.5rem}.chip-filter-label{font-size:.75rem;font-weight:600;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.03em}.chip-options{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--neutral-600);cursor:pointer;transition:all .2s ease;white-space:nowrap}.chip:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.chip.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:transparent;color:#fff;box-shadow:0 2px 8px #0d94884d}.chip.active:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff}@media(max-width:640px){.chip-filter{width:100%}.chip-options{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;margin-bottom:-.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-options::-webkit-scrollbar{display:none}.chip{padding:.4375rem .875rem;font-size:.8125rem;flex-shrink:0}}.quick-insight{background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);border:1px solid var(--primary-100);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1.5rem;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.quick-insight-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.quick-insight-emoji{font-size:1.5rem}.quick-insight-header h3{font-size:1.125rem;font-weight:600;color:var(--neutral-800);margin:0}.percentile-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#fff;border-radius:var(--radius-lg);margin-bottom:1rem;box-shadow:var(--shadow-sm)}.percentile-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500)}.percentile-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.quick-insight-message{font-size:1rem;color:var(--neutral-700);line-height:1.6;margin:0 0 1rem}.quick-insight-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.quick-insight-stats .stat{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border-radius:var(--radius);text-align:center}.quick-insight-stats .stat-label{font-size:.75rem;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.03em}.quick-insight-stats .stat-value{font-size:1rem;font-weight:700;color:var(--neutral-800)}.quick-insight-stats .stat-value.highlight{color:var(--primary-600)}.quick-insight-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:var(--accent-50);border:1px solid var(--accent-200);border-radius:var(--radius);font-size:.875rem;color:var(--neutral-700)}.tip-icon{flex-shrink:0}@media(max-width:480px){.quick-insight-stats{grid-template-columns:1fr}.percentile-number{font-size:2.5rem}}.privacy-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%);border:1px solid var(--primary-100);border-radius:var(--radius-lg)}.privacy-badge-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--primary-100);border-radius:var(--radius);flex-shrink:0}.ghost-icon{width:1.25rem;height:1.25rem;color:var(--primary-600)}.privacy-badge-content{display:flex;flex-direction:column;gap:.125rem}.privacy-badge-title{font-size:.875rem;font-weight:600;color:var(--neutral-800)}.privacy-badge-subtitle{font-size:.75rem;color:var(--neutral-500)}.privacy-badge.compact{padding:.5rem .75rem;gap:.5rem;background:var(--primary-50);border-color:var(--primary-100)}.privacy-badge.compact .ghost-icon{width:1rem;height:1rem}.privacy-badge.compact span{font-size:.75rem;font-weight:600;color:var(--primary-700)}.privacy-badge-inline{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--neutral-500)}.privacy-badge-inline .ghost-icon{width:1rem;height:1rem;color:var(--primary-500)}.privacy-badge{animation:fadeInBadge .3s ease-out}@keyframes fadeInBadge{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.data-preview{background:var(--neutral-50);border:1px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:1rem;margin:1rem 0;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.data-preview-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-500);margin-bottom:.75rem}.preview-icon{width:1rem;height:1rem;color:var(--primary-500)}.data-preview-content{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius);padding:1rem}.preview-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.preview-tag{display:inline-flex;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.preview-tag.seniority{background:var(--primary-100);color:var(--primary-700)}.preview-tag.role{background:var(--accent-100);color:var(--accent-600)}.preview-tag.city{background:var(--neutral-100);color:var(--neutral-600)}.preview-salary{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.salary-amount{font-size:1.25rem;font-weight:700;color:var(--primary-600)}.salary-period{font-size:.875rem;color:var(--neutral-400)}.preview-company{font-size:.875rem;color:var(--neutral-600)}.preview-company strong{color:var(--neutral-700);font-style:italic}.data-preview-footer{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--neutral-200);font-size:.75rem;color:var(--success-600)}.shield-icon{width:.875rem;height:.875rem}.landing-page{max-width:1100px;margin:0 auto}.hero{position:relative;display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:center;padding:3rem 1rem 4rem;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;opacity:.12;filter:blur(80px)}.hero-shape-1{width:500px;height:500px;background:var(--accent-400);top:-150px;left:-150px;animation:float 20s ease-in-out infinite}.hero-shape-2{width:400px;height:400px;background:var(--primary-500);top:40%;right:-100px;animation:float 25s ease-in-out infinite reverse}.hero-shape-3{width:300px;height:300px;background:var(--primary-700);bottom:-100px;left:25%;animation:float 22s ease-in-out infinite 5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--gray-200);padding:.5rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:500;color:var(--gray-600);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.badge-dot{width:8px;height:8px;background:var(--primary-500);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero h1{font-size:3rem;color:var(--gray-900);margin:0 0 1.25rem;line-height:1.1;font-weight:800;letter-spacing:-.03em}.hero h1 .highlight{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 50%,var(--accent-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1875rem;color:var(--gray-600);margin:0 0 2rem;line-height:1.6;max-width:520px}.live-stats{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.stat-box{display:flex;flex-direction:column;gap:.125rem}.stat-divider{width:1px;height:2.5rem;background:var(--gray-200)}.stat-number{font-size:1.375rem;font-weight:700;color:var(--gray-900);line-height:1.2}.stat-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.cta-primary-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.cta-microcopy{font-size:.75rem;color:var(--gray-500)}.hero-trust-badge{margin-top:1.5rem;max-width:450px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn-icon{display:flex;align-items:center}.btn-icon svg{width:1.125rem;height:1.125rem}.btn-primary{background:var(--primary-600);color:#fff;padding:1rem 1.75rem;font-size:1rem;box-shadow:0 4px 14px #0d948859}.btn-primary:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:0 6px 20px #0d948873}.btn-secondary{background:transparent;color:var(--primary-600);border:1px solid var(--primary-600)}.btn-secondary:hover{background:var(--primary-50)}.btn-tertiary{background:transparent;color:var(--neutral-600);border:1px solid var(--neutral-300)}.btn-tertiary:hover{color:var(--primary-600);border-color:var(--primary-600)}.hero-visual{position:relative;z-index:1}.salary-preview{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:1.75rem;box-shadow:var(--shadow-xl);transform:rotate(2deg);transition:transform .3s}.salary-preview:hover{transform:rotate(0) scale(1.02)}.preview-header{margin-bottom:1.5rem}.preview-title{display:block;font-weight:600;color:var(--gray-900);font-size:1rem}.preview-subtitle{font-size:.8125rem;color:var(--gray-500)}.preview-bars{display:flex;align-items:flex-end;gap:.75rem;height:140px;padding:.5rem 0}.preview-bar{flex:1;background:linear-gradient(180deg,var(--amber-200) 0%,var(--amber-100) 100%);border-radius:var(--radius) var(--radius) 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:.625rem;transition:all .3s}.preview-bar.highlight{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%)}.preview-bar .bar-label{font-size:.6875rem;font-weight:600;color:var(--amber-700)}.preview-bar.highlight .bar-label{color:#fff}.preview-cta{margin-top:1.25rem;text-align:center;font-size:.8125rem;color:var(--primary-600);font-weight:600}.context-section{padding:5rem 1rem}.context-section h2{text-align:center;font-size:2rem;color:var(--gray-900);margin:0 0 3rem}.context-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.context-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:2rem;transition:all .25s;box-shadow:var(--shadow-sm)}.context-card:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.card-icon svg{width:1.5rem;height:1.5rem}.card-icon.amber,.card-icon.blue,.card-icon.green{background:var(--accent-100);color:var(--accent-600)}.context-card h3{font-size:1.125rem;color:var(--gray-900);margin:0 0 .625rem;font-weight:600}.context-card p{color:var(--gray-600);margin:0;line-height:1.6;font-size:.9375rem}.how-it-works{padding:4rem 2.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);margin:0 1rem 3rem;box-shadow:var(--shadow-sm)}.how-it-works h2{text-align:center;font-size:2rem;color:var(--gray-900);margin:0 0 3rem}.steps{display:flex;align-items:flex-start;justify-content:center;gap:0}.step{flex:1;max-width:260px;text-align:center;position:relative}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,var(--amber-300),var(--amber-400));margin-top:2.5rem;flex-shrink:0}.step-icon{width:4rem;height:4rem;background:linear-gradient(135deg,var(--amber-100) 0%,var(--amber-50) 100%);border:2px solid var(--amber-200);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--amber-600)}.step-icon svg{width:1.75rem;height:1.75rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--amber-400);color:#fff;border-radius:50%;font-weight:700;font-size:.8125rem;margin-bottom:.75rem}.step h3{font-size:1.125rem;color:var(--gray-900);margin:0 0 .5rem;font-weight:600}.step p{color:var(--gray-600);margin:0;line-height:1.6;font-size:.9375rem}.cta-section{padding:2rem 1rem 4rem}.cta-card{background:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-800) 100%);border-radius:var(--radius-2xl);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:var(--accent-400);opacity:.15;border-radius:50%;filter:blur(60px)}.cta-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:var(--primary-500);opacity:.15;border-radius:50%;filter:blur(60px)}.cta-content{position:relative;z-index:1;max-width:500px;margin:0 auto}.cta-section h2{font-size:1.75rem;color:#fff;margin:0 0 .75rem}.cta-section p{color:#fffc;margin:0 0 2rem;font-size:1.0625rem;line-height:1.6}.btn-cta{background:var(--accent-500);color:var(--neutral-900);padding:1rem 2rem;font-size:1rem;font-weight:700;box-shadow:0 4px 14px #f59e0b66}.btn-cta:hover{background:var(--accent-400);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.cta-note{display:block;margin-top:1rem;font-size:.8125rem;color:#fff9}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.hero h1{font-size:2.25rem}.hero-subtitle{margin-left:auto;margin-right:auto}.live-stats{justify-content:center;flex-wrap:wrap}.stat-divider{display:none}.cta-buttons{justify-content:center}.hero-visual{display:none}.steps{flex-direction:column;align-items:center;gap:2rem}.step-connector{width:2px;height:40px;margin:0}}@media(max-width:640px){.hero h1{font-size:1.875rem}.hero-subtitle{font-size:1rem}.live-stats{flex-direction:column;gap:1rem}.stat-box{text-align:center}.cta-buttons{flex-direction:column;align-items:center}.cta-primary-wrapper,.btn{width:100%;max-width:280px}.how-it-works{margin:0 0 2rem;border-radius:0;border-left:none;border-right:none}.context-section h2,.how-it-works h2{font-size:1.5rem}.cta-card{border-radius:var(--radius-xl);padding:3rem 1.5rem}}.explore-page{max-width:100%}.explore-header{margin-bottom:1.5rem}.explore-header h1{font-size:1.5rem;color:#1f2937;margin:0 0 .5rem}.explore-header p{color:#6b7280;margin:0}.error-message{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin-bottom:1rem}.chip-filters-section{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1.25rem;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}@media(max-width:640px){.chip-filters-section{flex-direction:column;gap:1.25rem;padding:1rem}}.compare-page{max-width:700px;margin:0 auto}.compare-header{text-align:center;margin-bottom:2rem}.compare-header h1{font-size:1.75rem;color:#1f2937;margin:0 0 .5rem}.compare-header p{color:#6b7280;margin:0;line-height:1.5}.compare-trust-section{margin-bottom:1.5rem}.compare-methodology{margin-top:.5rem}.compare-results{display:flex;flex-direction:column;gap:1.5rem}.error-message{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;text-align:center}.error-message p{margin:0 0 1rem}.error-message button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer}.low-sample-warning{padding:1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;color:#92400e}.low-sample-warning p{margin:0;font-size:.875rem}.compare-actions{display:flex;gap:1rem;justify-content:center}.compare-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .15s}.compare-actions .btn-secondary:hover{background:#f3f4f6}.compare-actions .btn-primary{background:var(--primary-600);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .15s}.compare-actions .btn-primary:hover{background:var(--primary-700)}.share-section{text-align:center;padding:1.5rem;background:#f9fafb;border-radius:.5rem}.share-section h3{font-size:1rem;color:#374151;margin:0 0 .5rem}.share-text{color:#6b7280;font-size:.875rem;margin:0;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem}@media(max-width:480px){.compare-actions{flex-direction:column}}.submit-page{max-width:100%;position:relative}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1000}.confetti-particle{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:confetti-fall linear forwards;opacity:0}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.submit-header{text-align:center;margin-bottom:2rem}.submit-header h1{font-size:1.75rem;color:#1f2937;margin:0 0 .5rem}.submit-header p{color:#6b7280;max-width:500px;margin:0 auto;line-height:1.5}.header-badges{display:flex;justify-content:center;margin-top:1.25rem}.header-badges .privacy-badge{max-width:400px}.duplicate-warning{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--amber-50, #fffbeb);border:1px solid var(--amber-200, #fde68a);border-radius:.5rem;margin-bottom:1.5rem;max-width:700px;margin-left:auto;margin-right:auto;position:relative}.duplicate-warning-icon{flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--amber-600, #d97706)}.duplicate-warning-icon svg{width:100%;height:100%}.duplicate-warning-content{flex:1}.duplicate-warning-title{font-weight:600;color:var(--amber-800, #92400e);margin:0 0 .25rem;font-size:.9375rem}.duplicate-warning-text{color:var(--amber-700, #b45309);margin:0;font-size:.875rem;line-height:1.5}.duplicate-warning-dismiss{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.25rem;color:var(--amber-600, #d97706);cursor:pointer;padding:.25rem;line-height:1;opacity:.7;transition:opacity .15s}.duplicate-warning-dismiss:hover{opacity:1}.error-message{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin-bottom:1.5rem;max-width:700px;margin-left:auto;margin-right:auto}.error-message p{margin:0}.success-card{max-width:500px;margin:0 auto;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-xl);padding:2.5rem 2rem;box-shadow:var(--shadow-lg);animation:success-entrance .5s ease-out}@keyframes success-entrance{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{width:4.5rem;height:4.5rem;background:linear-gradient(135deg,var(--success-100) 0%,var(--primary-100) 100%);color:var(--primary-600);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem;animation:success-icon-pop .6s ease-out .2s both;box-shadow:0 0 #0d948866}@keyframes success-icon-pop{0%{transform:scale(0);box-shadow:0 0 #0d948866}50%{transform:scale(1.2)}70%{box-shadow:0 0 0 15px #0d948800}to{transform:scale(1);box-shadow:0 0 #0d948800}}.success-card h1{font-size:1.5rem;color:#1f2937;margin:0 0 .5rem}.success-card>p{color:#6b7280;margin:0 0 2rem}.success-card .share-section{background:#f9fafb;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.success-card .share-section h3{font-size:.875rem;color:#374151;margin:0 0 .75rem}.success-card .share-section textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;resize:none;margin-bottom:.75rem}.copy-button{background:var(--primary-600);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background .15s,transform .1s;min-width:120px}.copy-button:hover:not(:disabled){background:var(--primary-700)}.copy-button:disabled{cursor:default}.copy-button.copied{background:var(--success-600, #059669);transform:scale(1.02)}.copy-button.error{background:var(--error-600, #dc2626)}.next-actions{display:flex;gap:1rem;justify-content:center}.next-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .15s}.next-actions .btn-secondary:hover{background:#f3f4f6}.next-actions .btn-primary{background:var(--primary-600);color:#fff;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:background .15s}.next-actions .btn-primary:hover{background:var(--primary-700)}@media(max-width:480px){.next-actions{flex-direction:column}}.faq-link-section{max-width:700px;margin:2rem auto 0;text-align:center;padding:1rem;background:var(--neutral-50);border-radius:var(--radius-lg)}.faq-link-section p{margin:0;color:var(--neutral-600);font-size:.9375rem}.faq-link-section a{color:var(--primary-600);text-decoration:none;font-weight:500}.faq-link-section a:hover{text-decoration:underline}.faq-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.faq-page-header{text-align:center;margin-bottom:2rem}.faq-page-header h1{font-size:2rem;color:var(--neutral-900);margin-bottom:.5rem}.faq-page-header p{color:var(--neutral-600);font-size:1.125rem}.faq-categories{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-btn{padding:.5rem 1rem;border:1px solid var(--neutral-300);border-radius:var(--radius-full);background:transparent;color:var(--neutral-600);font-size:.875rem;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:var(--primary-600);color:var(--primary-600)}.category-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--neutral-300)}.faq-item.open{border-color:var(--primary-200);box-shadow:0 2px 8px #0d94881a}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:1rem;font-weight:500;color:var(--neutral-800);transition:color .2s ease}.faq-question:hover{color:var(--primary-600)}.faq-icon{font-size:1.25rem;font-weight:300;color:var(--neutral-400);transition:color .2s ease}.faq-item.open .faq-icon{color:var(--primary-600)}.faq-answer{padding:0 1.25rem 1.25rem;animation:fadeIn .2s ease}.faq-answer p{color:var(--neutral-600);line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-cta{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,var(--primary-50),var(--accent-50));border-radius:var(--radius-lg);text-align:center}.faq-cta h3{font-size:1.25rem;color:var(--neutral-900);margin-bottom:.5rem}.faq-cta p{color:var(--neutral-600);margin-bottom:1.5rem}.faq-cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.faq-cta .btn{padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:500;text-decoration:none;transition:all .2s ease}.faq-cta .btn-primary{background:var(--primary-600);color:#fff;border:none}.faq-cta .btn-primary:hover{background:var(--primary-700)}.faq-cta .btn-secondary{background:transparent;color:var(--primary-600);border:1px solid var(--primary-600)}.faq-cta .btn-secondary:hover{background:var(--primary-50)}@media(max-width:640px){.faq-page{padding:1.5rem 1rem}.faq-page-header h1{font-size:1.5rem}.faq-page-header p{font-size:1rem}.category-btn{padding:.4rem .75rem;font-size:.8125rem}.faq-question{padding:.875rem 1rem;font-size:.9375rem}.faq-answer{padding:0 1rem 1rem}.faq-cta{padding:1.5rem}.faq-cta-buttons{flex-direction:column}.faq-cta .btn{width:100%;text-align:center}}