:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--background:#f8fafc;--surface:#fff;--surface-elevated:#fff;--foreground:#0f172a;--foreground-muted:#64748b;--border:#e2e8f0;--border-light:#f1f5f9;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--foreground);font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark);text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.page{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:2rem 0}.header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;padding:1rem 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{color:var(--foreground);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{font-size:1.75rem}.nav{align-items:center;gap:.5rem;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--foreground-muted);padding:.5rem 1rem;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--foreground);background:var(--border-light);text-decoration:none}.nav-link.active{color:var(--primary);background:#2563eb1a}.salary-calculator{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem}.salary-calculator.compact{border-radius:var(--radius-lg);padding:1.5rem}.calculator-header{margin-bottom:1.5rem}.calculator-inputs{gap:1rem;display:grid}.calculator-results{margin-top:2rem}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--foreground);font-size:.875rem;font-weight:500}.input-group input,.input-group select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground);padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.input-group input[type=number]{font-family:var(--font-mono);font-size:1.125rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--border-light);color:var(--foreground)}.btn-secondary:hover{background:var(--border)}.button-group{gap:.75rem;margin-top:.5rem;display:flex}.button-group .btn{flex:1}.toggle-group{flex-direction:column;gap:.5rem;display:flex}.toggle-label{color:var(--foreground-muted);font-size:.875rem;font-weight:500}.toggle-options{gap:.5rem;display:flex}.toggle-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground-muted);cursor:pointer;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.toggle-option:hover{border-color:var(--primary-light);color:var(--primary)}.toggle-option.active{background:var(--primary);border-color:var(--primary);color:#fff}.quick-salaries{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.quick-label{color:var(--foreground-muted);font-size:.875rem}.quick-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--foreground);font-size:.875rem;font-family:var(--font-mono);cursor:pointer;padding:.375rem .75rem;transition:all .2s}.quick-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.card-title{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1rem;font-weight:600}.result-main{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:1.5rem;padding:1.5rem}.result-main .result-label{opacity:.9;font-size:.875rem}.result-main .result-value{font-size:2.5rem;font-weight:700;font-family:var(--font-mono)}.result-main .result-suffix{opacity:.9;font-size:1.25rem;font-weight:500}.result-eur{opacity:.9;margin-top:.5rem;font-size:1.125rem;display:block}.result-breakdown{gap:.75rem;display:grid}.result-employer h4{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem}.result-employer .result-breakdown{margin-bottom:1rem}.result-divider{background:var(--border);height:1px;margin:1.5rem 0}.result-periods{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.result-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.result-item.highlight{background:var(--primary);border-color:var(--primary)}.result-item.highlight .result-label{color:#ffffffe6}.result-item.highlight .result-value{color:#fff;font-size:1.1rem;font-weight:700}.result-item .result-value.text-danger{color:#dc2626}.result-label{color:var(--foreground);font-size:.875rem;font-weight:500}.result-value{font-family:var(--font-mono);color:var(--foreground);font-size:1rem;font-weight:600}.result-sublabel{color:var(--foreground-muted);margin-left:.25rem;font-size:.75rem}.result-footer{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.calc-note{color:var(--foreground-muted);text-align:center;font-size:.75rem;display:block}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:auto;padding:2rem 0}.footer-inner{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.footer-section h4{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--foreground-muted);font-size:.875rem}.footer-section ul li a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}.copyright{color:var(--foreground-muted);font-size:.875rem}.calculator-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr}}.two-col-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.two-col-grid{grid-template-columns:1fr 1fr}}.three-col-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.three-col-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.three-col-grid{grid-template-columns:repeat(3,1fr)}}.hero{background:linear-gradient(135deg, var(--background) 0%, var(--surface) 100%);border-bottom:1px solid var(--border);padding:4rem 0}.hero-content{max-width:600px}.hero h1{color:var(--foreground);margin-bottom:1rem;font-size:2.5rem}.hero p{color:var(--foreground-muted);margin-bottom:2rem;font-size:1.125rem}.section{padding:3rem 0}.section-title{margin-bottom:.5rem;font-size:1.75rem}.section-subtitle{color:var(--foreground-muted);margin-bottom:2rem}.info-box{background:var(--background);border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.5rem 0;padding:1rem 1.5rem}.info-box.warning{border-left-color:var(--warning);background:#f59e0b1a}.info-box.success{border-left-color:var(--success);background:#10b9811a}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#2563eb1a}.badge-success{color:var(--success);background:#10b9811a}.tabs{background:var(--border-light);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.tab{border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--foreground)}.tab.active{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-sm)}@media (max-width:640px){.salary-calculator{padding:1.25rem}.result-main .result-value{font-size:2rem}.result-periods,.footer-inner{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}.text-center{text-align:center}.text-muted{color:var(--foreground-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.hidden{display:none}.visible{display:block}