.language-switcher[data-astro-cid-a2mxz4y6]{position:relative;display:inline-block;z-index:50}.lang-btn[data-astro-cid-a2mxz4y6]{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:#ffffffd9;backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.9);border-radius:9999px;color:#1e293b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.lang-btn[data-astro-cid-a2mxz4y6]:hover,.lang-btn[data-astro-cid-a2mxz4y6]:focus-visible{background:#fff;border-color:#cbd5e1;color:#4f46e5;box-shadow:0 4px 12px #4f46e51f}.lang-btn[data-astro-cid-a2mxz4y6][aria-expanded=true]{border-color:#6366f1;color:#4f46e5;background:#fff}.lang-flag[data-astro-cid-a2mxz4y6]{font-size:1.1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.lang-name[data-astro-cid-a2mxz4y6]{font-size:.875rem;letter-spacing:-.01em}.lang-chevron[data-astro-cid-a2mxz4y6]{transition:transform .2s ease;color:#64748b}.lang-btn[data-astro-cid-a2mxz4y6][aria-expanded=true] .lang-chevron[data-astro-cid-a2mxz4y6]{transform:rotate(180deg);color:#4f46e5}.lang-dropdown[data-astro-cid-a2mxz4y6]{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:420px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 35px -5px #0f172a26,0 8px 16px -4px #0f172a14;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;z-index:100}.language-switcher[data-astro-cid-a2mxz4y6].open .lang-dropdown[data-astro-cid-a2mxz4y6]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.language-switcher-footer[data-astro-cid-a2mxz4y6] .lang-dropdown[data-astro-cid-a2mxz4y6]{top:auto;bottom:calc(100% + 8px);transform:translateY(8px) scale(.96)}.language-switcher-footer[data-astro-cid-a2mxz4y6].open .lang-dropdown[data-astro-cid-a2mxz4y6]{transform:translateY(0) scale(1)}.lang-dropdown-inner[data-astro-cid-a2mxz4y6]{max-height:400px;overflow-y:auto;padding:8px;overscroll-behavior:contain}.lang-grid[data-astro-cid-a2mxz4y6]{display:grid;grid-template-columns:1fr;gap:2px}.lang-item[data-astro-cid-a2mxz4y6]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:#334155;text-decoration:none;font-size:.875rem;transition:all .15s ease}.lang-item[data-astro-cid-a2mxz4y6]:hover{background:#f1f5f9;color:#0f172a;transform:translate(2px)}.lang-item[data-astro-cid-a2mxz4y6].active{background:#eef2ff;color:#4f46e5;font-weight:600}.item-flag[data-astro-cid-a2mxz4y6]{font-size:1.2rem;line-height:1;flex-shrink:0}.item-info[data-astro-cid-a2mxz4y6]{display:flex;flex-direction:column;flex:1;min-width:0}.item-native[data-astro-cid-a2mxz4y6]{font-weight:500;color:inherit;line-height:1.2}.item-english[data-astro-cid-a2mxz4y6]{font-size:.725rem;color:#64748b}.lang-item[data-astro-cid-a2mxz4y6].active .item-english[data-astro-cid-a2mxz4y6]{color:#6366f1}.item-check[data-astro-cid-a2mxz4y6]{color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:640px){.lang-dropdown[data-astro-cid-a2mxz4y6]{position:fixed;inset:auto 16px 20px;width:auto;max-height:60vh}}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px}.footer-lang-container[data-astro-cid-sz7xmlte]{margin-top:16px;display:flex;align-items:center;gap:10px}.footer-lang-label[data-astro-cid-sz7xmlte]{font-size:.8125rem;color:#64748b;font-weight:500}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: #ffffff;--bg-glass: rgba(255, 255, 255, .85);--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-subtle: #f8fafc;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-active: #6366f1;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--accent-primary: #4f46e5;--accent-primary-light: #6366f1;--accent-primary-dark: #3730a3;--accent-secondary: #7c3aed;--accent-green: #059669;--accent-green-bg: rgba(5, 150, 105, .08);--accent-red: #e11d48;--accent-red-bg: rgba(225, 29, 72, .08);--accent-blue: #2563eb;--accent-yellow: #d97706;--accent-orange: #ea580c;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #2563eb 100%);--gradient-hero: linear-gradient(180deg, rgba(241, 245, 249, .8) 0%, rgba(248, 250, 252, .2) 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--gradient-highlight: linear-gradient(135deg, rgba(79, 70, 229, .06) 0%, rgba(124, 58, 237, .04) 50%, rgba(37, 99, 235, .06) 100%);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 4px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--shadow-md: 0 6px 16px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .03);--shadow-lg: 0 16px 32px -4px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .04);--shadow-xl: 0 24px 48px -8px rgba(15, 23, 42, .1), 0 8px 16px -4px rgba(15, 23, 42, .04);--shadow-glow: 0 0 30px rgba(99, 102, 241, .18);--shadow-glow-strong: 0 0 45px rgba(99, 102, 241, .28);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}main{flex:1}::selection{background:#6366f133;color:var(--accent-primary-dark)}.bg-animation{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6;animation:float 22s ease-in-out infinite}.bg-orb-1{width:650px;height:650px;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);top:-220px;right:-180px;animation-delay:0s}.bg-orb-2{width:550px;height:550px;background:radial-gradient(circle,rgba(244,114,182,.08),transparent 70%);bottom:-150px;left:-150px;animation-delay:-8s}.bg-orb-3{width:480px;height:480px;background:radial-gradient(circle,rgba(251,191,36,.08),transparent 70%);top:45%;left:45%;transform:translate(-50%,-50%);animation-delay:-15s}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(35px,-45px) scale(1.04)}50%{transform:translate(-25px,25px) scale(.96)}75%{transform:translate(45px,35px) scale(1.03)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;transition:var(--transition-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border-bottom:1px solid rgba(226,232,240,.8)}.header.scrolled{background:#fffffff2;border-bottom-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary)}.logo-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:var(--transition-base)}.logo:hover .logo-icon{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.logo-text{font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--text-primary)}.logo-dot{color:var(--accent-primary)}.nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-full);transition:var(--transition-fast);position:relative}.nav-link:hover{color:var(--accent-primary);background:#4f46e50f}.nav-link.active{color:var(--accent-primary);background:#4f46e514}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.mobile-menu-btn span{width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:var(--transition-fast)}.mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{padding:calc(70px + var(--space-2xl)) 0 var(--space-xl);text-align:center;background:var(--gradient-hero);position:relative}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.hero-title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;letter-spacing:-.035em;line-height:1.15;margin-bottom:var(--space-md);color:var(--text-primary);animation:fadeInUp .6s ease-out .1s both}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.12rem;color:var(--text-secondary);max-width:660px;margin:0 auto;line-height:1.7;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.calculator-section{padding:var(--space-xl) 0 var(--space-3xl);position:relative}.calculator-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-xl);align-items:start}.calc-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.calc-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.8}.calc-results-panel{position:sticky;top:90px}.panel-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.panel-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.panel-title svg{color:var(--accent-primary)}.input-group{margin-bottom:var(--space-lg)}.input-label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.input-hint{font-weight:500;font-size:.75rem;color:var(--text-tertiary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:14px 56px 14px 16px;background:var(--bg-input);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:1.1rem;font-weight:600;transition:var(--transition-fast);outline:none;box-shadow:var(--shadow-xs)}.input-field:focus{background:var(--bg-input-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3.5px #4f46e524}.input-field::placeholder{color:var(--text-muted);font-weight:400}.amount-input{font-size:1.5rem;padding:18px 64px 18px 16px;font-weight:700}.input-suffix{position:absolute;right:16px;color:var(--text-tertiary);font-size:.85rem;font-weight:700;pointer-events:none}.input-wrapper-sm{max-width:160px}.input-wrapper-sm .input-field{font-size:.95rem;padding:10px 36px 10px 12px}.input-wrapper-sm .input-suffix{right:12px;font-size:.8rem}.input-range-wrapper{margin-top:var(--space-sm)}.input-range{width:100%;height:7px;-webkit-appearance:none;appearance:none;background:var(--border-subtle);border-radius:4px;outline:none;cursor:pointer}.input-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--accent-primary);box-shadow:var(--shadow-md);cursor:grab;transition:var(--transition-fast)}.input-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-glow)}.input-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.input-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--accent-primary);box-shadow:var(--shadow-md);cursor:grab}.range-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.72rem;color:var(--text-tertiary);font-weight:500}.toggle-group{display:flex;gap:var(--space-xs);padding:4px;background:#f1f5f9;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.toggle-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:#fff;color:var(--accent-primary);box-shadow:var(--shadow-sm)}.toggle-icon{font-size:1rem}.toggle-group-sm{max-width:320px}.toggle-group-sm .toggle-btn{padding:8px 12px;font-size:.8rem}.select-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.select-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#fff;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative;box-shadow:var(--shadow-xs)}.select-card:hover{background:#fff;border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.select-card.active{background:#fff;border-color:var(--accent-primary);box-shadow:0 0 0 2px #4f46e51f,var(--shadow-sm)}.select-card input{position:absolute;opacity:0;width:0;height:0}.card-icon{font-size:1.4rem;flex-shrink:0}.card-content{display:flex;flex-direction:column;min-width:0}.card-title{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:.72rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-check{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-medium);transition:var(--transition-fast)}.select-card.active .card-check{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:inset 0 0 0 3px #fff}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-secondary);padding:var(--space-sm) 0}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border-medium);background:#fff;transition:var(--transition-fast);flex-shrink:0;position:relative;box-shadow:var(--shadow-xs)}.checkbox-label input:checked+.checkbox-custom{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.input-note{font-size:.75rem;color:var(--text-muted);margin-top:6px}.advanced-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:#fff;border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--space-lg)}.advanced-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#4f46e50a}.advanced-toggle .chevron{transition:var(--transition-base)}.advanced-toggle.open .chevron{transform:rotate(180deg)}.advanced-panel{max-height:0;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease-out;opacity:0;margin-bottom:var(--space-md)}.advanced-panel.open{max-height:600px;opacity:1}.calc-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:16px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 14px #4f46e547;position:relative;overflow:hidden}.calc-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:var(--transition-base)}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e561}.calc-btn:hover:before{opacity:1}.calc-btn:active{transform:translateY(0)}.calc-btn.calculating{pointer-events:none}.calc-btn.calculating svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-highlight{text-align:center;padding:var(--space-xl);background:var(--gradient-highlight);border:1px solid rgba(79,70,229,.18);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);display:none;box-shadow:var(--shadow-sm)}.result-highlight.visible{display:block;animation:scaleIn .4s ease-out}.result-highlight-label{font-size:.8rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.result-highlight-value{font-family:var(--font-mono);font-size:2.3rem;font-weight:900;color:var(--text-primary);letter-spacing:-.03em}.result-highlight-sub{font-size:.82rem;color:var(--text-tertiary);margin-top:4px;font-weight:500}.result-section{margin-bottom:var(--space-lg);display:none}.result-section.visible{display:block;animation:fadeInUp .4s ease-out}.result-section-header{margin-bottom:var(--space-md)}.result-section-title{font-size:.9rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.section-icon{font-size:1rem}.result-rows{display:flex;flex-direction:column;gap:3px}.result-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-sm);transition:var(--transition-fast);background:#f8fafcb3}.result-row:hover{background:#fff;box-shadow:var(--shadow-xs)}.result-row.sub{padding-left:28px;background:transparent}.result-row.sub .result-row-label{color:var(--text-tertiary);font-size:.8rem;font-weight:500}.result-row.total-sub{border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:10px;background:#f1f5f9}.result-row.highlight{background:#4f46e514;border:1px solid rgba(79,70,229,.16);margin-top:8px;border-radius:var(--radius-md)}.result-row-label{font-size:.84rem;color:var(--text-secondary);font-weight:600}.result-row-value{font-family:var(--font-mono);font-size:.92rem;font-weight:700;color:var(--text-primary)}.result-row-value.deduction{color:var(--accent-red)}.result-row.highlight .result-row-value{font-size:1.1rem;font-weight:800;color:var(--accent-primary)}.result-chart{padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);display:none}.result-chart.visible{display:block;animation:fadeInUp .4s ease-out .2s both}.chart-title{margin-bottom:var(--space-lg)}.donut-chart-container{position:relative;display:flex;justify-content:center;margin-bottom:var(--space-lg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-percent{display:block;font-family:var(--font-mono);font-size:1.7rem;font-weight:900;color:var(--text-primary)}.donut-label{font-size:.72rem;color:var(--text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.chart-legend{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.78rem;font-weight:500;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.results-empty{text-align:center;padding:var(--space-3xl) var(--space-lg)}.results-empty.hidden{display:none}.empty-icon{color:var(--accent-primary);margin-bottom:var(--space-md);opacity:.4}.empty-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-desc{font-size:.85rem;color:var(--text-tertiary)}.section{padding:var(--space-3xl) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-badge{display:inline-block;padding:6px 16px;background:#fff;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:var(--radius-full);font-size:.76rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.section-title{font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:900;letter-spacing:-.025em;margin-bottom:var(--space-sm);color:var(--text-primary)}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:580px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.step-card{padding:var(--space-xl);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);text-align:center;transition:var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:var(--transition-base)}.step-card:hover{transform:translateY(-5px);border-color:var(--border-medium);box-shadow:var(--shadow-lg)}.step-card:hover:before{opacity:1}.step-number{font-family:var(--font-mono);font-size:.75rem;font-weight:800;color:var(--accent-primary);margin-bottom:var(--space-md)}.step-icon{font-size:2.2rem;margin-bottom:var(--space-md)}.step-title{font-size:1.05rem;font-weight:800;margin-bottom:var(--space-sm);color:var(--text-primary)}.step-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.rates-section{background:var(--gradient-card);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.rates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.rate-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.rate-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rate-card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:#f8fafc}.rate-card-header h3{font-size:1rem;font-weight:800;color:var(--text-primary)}.rate-table{padding:var(--space-md)}.rate-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-sm);padding:10px var(--space-md);border-radius:var(--radius-sm);font-size:.85rem}.rate-row:nth-child(2n){background:#f8fafc}.rate-row-header{color:var(--text-tertiary);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding-bottom:10px}.rate-row-header span{color:var(--text-tertiary)}.rate-items{padding:var(--space-md) var(--space-xl) var(--space-xl)}.rate-item{padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle)}.rate-item:last-child{border-bottom:none}.rate-item-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.rate-item-value{font-family:var(--font-mono);font-size:1.15rem;font-weight:800;color:var(--accent-primary);margin-bottom:2px}.rate-item-note{font-size:.75rem;color:var(--text-muted)}.faq-section{background:var(--bg-primary)}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-base);box-shadow:var(--shadow-xs)}.faq-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.faq-item[open]{border-color:#4f46e54d;box-shadow:var(--shadow-md)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);font-size:.95rem;font-weight:700;color:var(--text-primary);cursor:pointer;list-style:none;transition:var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{color:var(--accent-primary)}.faq-chevron{flex-shrink:0;transition:var(--transition-base);color:var(--text-tertiary)}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--accent-primary)}.faq-answer{padding:0 var(--space-xl) var(--space-xl)}.faq-answer p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.page-hero{padding:calc(var(--space-4xl) + 20px) 0 var(--space-2xl);background:var(--gradient-hero);border-bottom:1px solid var(--border-subtle)}.page-hero-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.025em}.page-hero-desc{font-size:1.1rem;color:var(--text-secondary);max-width:680px;line-height:1.6}.page-content-section{padding:var(--space-3xl) 0 var(--space-4xl)}.page-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);max-width:860px;margin:0 auto}.prose{color:var(--text-secondary);line-height:1.8;font-size:.95rem}.prose h2{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:var(--space-xl) 0 var(--space-sm)}.prose h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:var(--space-lg) 0 var(--space-xs)}.prose p{margin-bottom:var(--space-md)}.prose ul,.prose ol{margin:var(--space-sm) 0 var(--space-md) var(--space-xl)}.prose li{margin-bottom:6px}.prose strong{color:var(--text-primary)}.prose a{color:var(--accent-primary);text-decoration:none;font-weight:600}.prose a:hover{text-decoration:underline}.breadcrumbs{display:flex;align-items:center;gap:var(--space-xs);font-size:.82rem;color:var(--text-tertiary);margin-bottom:var(--space-md);flex-wrap:wrap}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.breadcrumbs a:hover{color:var(--accent-primary)}.breadcrumb-separator{color:var(--border-medium)}.breadcrumb-current{color:var(--accent-primary);font-weight:600}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-2xl);align-items:start}.contact-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-md)}.contact-info-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.contact-info-item{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.contact-info-icon{width:44px;height:44px;background:#4f46e514;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1.2rem;flex-shrink:0}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.form-control{width:100%;padding:12px 16px;background:#fff;border:1.5px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:var(--transition-fast);outline:none}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3.5px #4f46e524}textarea.form-control{min-height:140px;resize:vertical}.form-status{padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-md);font-size:.88rem;display:none}.form-status.success{display:block;background:var(--accent-green-bg);color:var(--accent-green);border:1px solid rgba(5,150,105,.2)}.form-status.error{display:block;background:var(--accent-red-bg);color:var(--accent-red);border:1px solid rgba(225,29,72,.2)}.error-page{padding:calc(var(--space-4xl) + 40px) 0 var(--space-4xl);text-align:center}.error-code{font-family:var(--font-mono);font-size:clamp(5rem,12vw,8rem);font-weight:900;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-md)}.error-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 28px;background:var(--gradient-primary);color:#fff;font-weight:700;border-radius:var(--radius-md);text-decoration:none;box-shadow:var(--shadow-md);transition:var(--transition-base);margin-top:var(--space-xl)}.error-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.sitemap-category{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xs)}.sitemap-category h3{font-size:1.1rem;font-weight:800;margin-bottom:var(--space-md);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.sitemap-list{list-style:none}.sitemap-list li{margin-bottom:var(--space-sm)}.sitemap-list a{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.sitemap-list a:hover{color:var(--accent-primary);transform:translate(3px)}.footer{padding:var(--space-3xl) 0 var(--space-xl);border-top:1px solid var(--border-subtle);background:#fff;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand .logo{margin-bottom:var(--space-md)}.footer-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.7;max-width:380px}.footer-links h4{font-size:.8rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md)}.footer-links a{display:block;font-size:.88rem;color:var(--text-secondary);text-decoration:none;padding:6px 0;transition:var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary);transform:translate(2px)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-bottom p{font-size:.82rem;color:var(--text-tertiary)}.footer-bottom-links{display:flex;gap:var(--space-md)}.footer-bottom-links a{font-size:.82rem;color:var(--text-tertiary);text-decoration:none}.footer-bottom-links a:hover{color:var(--accent-primary)}@media(max-width:1024px){.calculator-layout{grid-template-columns:1fr}.calc-results-panel{position:relative;top:0}.steps-grid{grid-template-columns:repeat(2,1fr)}.rates-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.sitemap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 var(--space-md)}.hero{padding:calc(60px + var(--space-xl)) 0 var(--space-lg)}.calculator-section{padding:var(--space-lg) 0 var(--space-2xl)}.section,.content-section,.faq-section{padding:var(--space-2xl) 0}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);flex-direction:column;padding:var(--space-md);box-shadow:var(--shadow-lg)}.nav.open,.mobile-menu-btn{display:flex}.select-cards,.steps-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.calc-panel{padding:var(--space-lg)}.result-highlight-value{font-size:1.9rem}.chart-legend,.sitemap-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.container{padding:0 var(--space-sm)}.hero-title{font-size:1.85rem}.calc-panel{padding:var(--space-md)}.amount-input{font-size:1.25rem}.toggle-group{flex-direction:column}}.content-section{padding:var(--space-3xl) 0}.content-section:nth-child(2n){background:var(--gradient-highlight)}.content-with-visual{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;margin-top:var(--space-xl)}.content-with-visual--reverse{direction:rtl}.content-with-visual--reverse>*{direction:ltr}.content-text p{font-size:1.02rem;line-height:1.75;color:var(--text-secondary);margin-bottom:var(--space-md)}.content-text p:last-child{margin-bottom:0}.content-text--centered{max-width:780px;margin:var(--space-sm) auto var(--space-xl);text-align:center}.content-text--centered p{font-size:1.02rem;line-height:1.75;color:var(--text-secondary)}.flow-diagram{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.flow-node{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-subtle);transition:var(--transition-base);animation:flowNodeFadeIn .6s ease-out both}.flow-node:nth-child(1){animation-delay:0s}.flow-node:nth-child(3){animation-delay:.15s}.flow-node:nth-child(5){animation-delay:.3s}.flow-node:nth-child(7){animation-delay:.45s}.flow-node:nth-child(9){animation-delay:.6s}.flow-node:hover{transform:translate(4px);border-color:var(--border-active);box-shadow:var(--shadow-sm)}.flow-node-icon{font-size:1.5rem;flex-shrink:0}.flow-node-label{font-weight:600;font-size:.9rem;color:var(--text-primary);min-width:100px}.flow-node-value{margin-left:auto;font-family:var(--font-mono);font-weight:600;font-size:.95rem}.flow-node-start{background:#4f46e50f;border-color:#4f46e533}.flow-node-start .flow-node-value{color:var(--accent-primary)}.flow-node-deduction .flow-node-value{color:var(--accent-red)}.flow-node-result{background:#0596690f;border-color:#05966933}.flow-node-result .flow-node-value{color:var(--accent-green);font-size:1.1rem}.flow-arrow{display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-2xl);color:var(--text-muted)}.flow-arrow svg{flex-shrink:0;color:var(--accent-primary);opacity:.5}.flow-arrow-label{font-size:.8rem;color:var(--text-tertiary);font-weight:500}@keyframes flowNodeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bar-comparison{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.bar-comparison-item{display:flex;flex-direction:column;gap:var(--space-sm)}.bar-comparison-label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.bar-comparison-track{display:flex;height:42px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle)}.bar-segment{display:flex;align-items:center;justify-content:center;width:var(--bar-width);transition:var(--transition-base);position:relative;animation:barGrow 1s ease-out both}.bar-segment span{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}.bar-segment--netto{background:linear-gradient(135deg,#4f46e5,#6366f1)}.bar-segment--zus{background:linear-gradient(135deg,#e11d48,#f43f5e)}.bar-segment--pit{background:linear-gradient(135deg,#d97706,#f59e0b)}.bar-segment:hover{filter:brightness(1.1);z-index:1}.bar-segment:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap;z-index:10;pointer-events:none}@keyframes barGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.bar-legend{display:flex;gap:var(--space-lg);flex-wrap:wrap;padding-top:var(--space-sm)}.bar-legend-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-tertiary)}.bar-legend-dot{width:10px;height:10px;border-radius:50%}.bar-legend-dot--netto{background:#4f46e5}.bar-legend-dot--zus{background:#e11d48}.bar-legend-dot--pit{background:#d97706}.skladki-chart{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.skladki-donut{position:relative;width:220px;height:220px}.skladki-donut-svg{width:100%;height:100%;transform:rotate(0)}.skladki-segment{transition:opacity .3s ease,stroke-width .3s ease}.skladki-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.skladki-donut-percent{font-size:1.8rem;font-weight:800;color:var(--text-primary);font-family:var(--font-mono)}.skladki-donut-label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.skladki-legend{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.skladki-legend-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans);font-size:.85rem;width:100%;text-align:left}.skladki-legend-item:hover,.skladki-legend-item.active{background:var(--bg-subtle);border-color:var(--border-subtle)}.skladki-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.skladki-legend-name{flex:1;color:var(--text-secondary)}.skladki-legend-pct{font-family:var(--font-mono);font-weight:600;font-size:.82rem;color:var(--text-primary)}.hourly-calc-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.hourly-calc-header{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:.95rem;color:var(--accent-primary)}.hourly-calc-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.hourly-calc-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.hourly-calc-input-wrap{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:var(--transition-fast)}.hourly-calc-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11f}.hourly-calc-input{border:none;background:none;font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);width:80px;text-align:right;outline:none}.hourly-calc-suffix{font-size:.82rem;color:var(--text-muted);font-weight:500}.hourly-calc-slider-wrap{display:flex;flex-direction:column;gap:var(--space-xs)}.hourly-calc-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border-subtle);outline:none;cursor:pointer}.hourly-calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:grab;border:3px solid white;box-shadow:var(--shadow-sm)}.hourly-calc-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.hourly-calc-results{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border-subtle);padding-top:var(--space-md)}.hourly-result-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;font-size:.88rem;color:var(--text-secondary)}.hourly-result-value{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.hourly-result-deduction{color:var(--accent-red)}.hourly-result-highlight{background:#0596690f;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-xs);font-weight:600}.hourly-result-highlight .hourly-result-value{color:var(--accent-green);font-size:1.05rem}.hours-table-wrapper{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);overflow:hidden}.hours-table-controls{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);flex-wrap:wrap}.hours-view-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-card);font-family:var(--font-sans);font-size:.82rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast)}.hours-view-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.hours-view-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.hours-table{padding:0 var(--space-lg)}.hours-table-header{display:grid;grid-template-columns:80px 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:2px solid var(--border-subtle);font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.hours-table-row{display:grid;grid-template-columns:80px 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(226,232,240,.5);align-items:center;transition:var(--transition-fast)}.hours-table-row:hover{background:var(--bg-subtle)}.hours-table-row--highlight{background:#4f46e50a;border-radius:var(--radius-sm)}.hours-table-row--highlight:hover{background:#4f46e512}.hours-cell-label{font-weight:700;font-size:.95rem;color:var(--text-primary)}.hours-cell-brutto,.hours-cell-netto,.hours-cell-koszt{font-family:var(--font-mono);font-weight:600;font-size:.88rem}.hours-cell-netto{color:var(--accent-green)}.hours-cell-brutto{color:var(--accent-primary)}.hours-cell-koszt{color:var(--accent-orange)}.hours-bar-track{display:none}.hours-table-note{padding:var(--space-md) var(--space-lg);font-size:.78rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);background:var(--bg-subtle)}.example-tabs{max-width:750px;margin:0 auto}.example-tab-buttons{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--bg-subtle);border-radius:var(--radius-lg);padding:var(--space-xs);border:1px solid var(--border-subtle)}.example-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:none;background:transparent;font-family:var(--font-sans);font-size:.88rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:var(--transition-base)}.example-tab-btn:hover{color:var(--text-primary);background:#ffffff80}.example-tab-btn.active{background:#fff;color:var(--accent-primary);box-shadow:var(--shadow-sm)}.example-tab-icon{font-size:1.1rem}.example-panel{display:none;animation:panelFadeIn .4s ease-out}.example-panel.active{display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.example-scenario{padding:var(--space-md) var(--space-lg);background:var(--gradient-highlight);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border-subtle);border-bottom:none}.example-scenario-title{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.example-breakdown{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.example-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);font-size:.88rem;color:var(--text-secondary);border-bottom:1px solid rgba(226,232,240,.4)}.example-row:last-child{border-bottom:none}.example-value{font-family:var(--font-mono);font-weight:600;font-size:.88rem}.example-row--start{font-weight:600;color:var(--text-primary);background:var(--bg-subtle)}.example-row--deduction .example-value{color:var(--accent-red)}.example-row--subtotal{font-weight:600;color:var(--text-primary);border-top:1px solid var(--border-subtle)}.example-row--result{background:#0596690f;font-weight:700;color:var(--accent-green);padding:var(--space-md) var(--space-lg);font-size:.95rem}.example-row--result .example-value{color:var(--accent-green);font-size:1.05rem}.example-row--employer{background:#4f46e50a;font-weight:600;color:var(--accent-primary);padding:var(--space-md) var(--space-lg)}.example-row--employer .example-value{color:var(--accent-primary)}.example-note{padding:var(--space-md) var(--space-lg);font-size:.82rem;color:var(--text-muted);background:var(--bg-subtle);margin-top:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);line-height:1.6}.steps-flow{max-width:700px;margin:0 auto;display:flex;flex-direction:column}.step-flow-item{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-md);align-items:start;padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:var(--transition-base);opacity:0;transform:translateY(20px)}.step-flow-item.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.step-flow-item:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);transform:translate(4px)}.step-flow-item.visible:hover{transform:translate(4px)}.step-flow-item--result{background:#0596690a;border-color:#05966933}.step-flow-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-weight:800;font-size:1.1rem;border-radius:var(--radius-md);flex-shrink:0}.step-flow-item--result .step-flow-number{background:linear-gradient(135deg,#059669,#10b981);font-size:1.3rem}.step-flow-content{display:flex;flex-direction:column;gap:var(--space-xs)}.step-flow-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.step-flow-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.step-flow-visual{display:flex;align-items:flex-start;padding-top:4px}.step-flow-tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-mono);background:#4f46e514;color:var(--accent-primary);white-space:nowrap}.step-flow-tag--red{background:#e11d4814;color:var(--accent-red)}.step-flow-tag--blue{background:#2563eb14;color:var(--accent-blue)}.step-flow-tag--purple{background:#7c3aed14;color:var(--accent-secondary)}.step-flow-tag--orange{background:#d9770614;color:var(--accent-yellow)}.step-flow-tag--green{background:#05966914;color:var(--accent-green)}.step-flow-connector{display:flex;justify-content:center;padding:0;height:24px}.step-flow-line{width:2px;height:100%;background:linear-gradient(to bottom,var(--accent-primary),var(--accent-secondary));opacity:.3;border-radius:1px}.employer-cost-visual{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.employer-stack{display:flex;gap:var(--space-lg);align-items:flex-end;min-height:280px}.employer-stack-bar{flex:2;height:var(--stack-height);background:linear-gradient(180deg,#4f46e5,#6366f1);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);color:#fff;min-height:200px;transition:var(--transition-base)}.employer-stack-bar:hover{transform:scale(1.02)}.employer-stack-label{font-size:.82rem;font-weight:500;opacity:.85}.employer-stack-value{font-family:var(--font-mono);font-weight:800;font-size:1.3rem}.employer-stack-additions{flex:1;display:flex;flex-direction:column;gap:3px;height:100%;justify-content:flex-end}.employer-stack-segment{background:#e11d481f;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast);cursor:default;min-height:36px}.employer-stack-segment:hover{background:#e11d482e;transform:translate(4px)}.employer-stack-segment--2{background:#ea580c1f}.employer-stack-segment--2:hover{background:#ea580c2e}.employer-stack-segment--3{background:#d977061f}.employer-stack-segment--3:hover{background:#d977062e}.employer-stack-segment--4{background:#7c3aed1f}.employer-stack-segment--4:hover{background:#7c3aed2e}.employer-stack-segment--5{background:#64748b1f}.employer-stack-segment--5:hover{background:#64748b2e}.employer-seg-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.employer-seg-value{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--text-primary)}.employer-total{text-align:center;padding-top:var(--space-md);border-top:2px solid var(--border-subtle)}.employer-total-label{font-size:.85rem;color:var(--text-tertiary);font-weight:500}.employer-total-value{font-family:var(--font-mono);font-weight:800;font-size:1.6rem;color:var(--accent-primary);margin:var(--space-xs) 0}.employer-total-note{font-size:.82rem;color:var(--accent-red);font-weight:600}.factors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.factor-card{perspective:800px;cursor:pointer;min-height:260px}.factor-card-front,.factor-card-back{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column;padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:var(--transition-slow)}.factor-card{position:relative}.factor-card-front{z-index:2;transform:rotateY(0)}.factor-card-back{transform:rotateY(180deg);background:var(--gradient-highlight);z-index:1}.factor-card.flipped .factor-card-front{transform:rotateY(-180deg)}.factor-card.flipped .factor-card-back{transform:rotateY(0);z-index:2}.factor-card:hover .factor-card-front,.factor-card:hover .factor-card-back{box-shadow:var(--shadow-md);border-color:var(--border-active)}.factor-icon{font-size:2rem;margin-bottom:var(--space-md)}.factor-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.factor-brief{font-size:.88rem;color:var(--text-secondary);line-height:1.6;flex:1}.factor-flip-hint{font-size:.75rem;color:var(--accent-primary);font-weight:600;margin-top:var(--space-md)}.factor-back-title{font-size:.95rem;font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-md)}.factor-detail{font-size:.85rem;color:var(--text-secondary);line-height:1.7;flex:1}@media(max-width:1024px){.content-with-visual{grid-template-columns:1fr;gap:var(--space-2xl)}.content-with-visual--reverse{direction:ltr}.factors-grid{grid-template-columns:repeat(2,1fr)}.hours-table-header,.hours-table-row{grid-template-columns:60px 1fr 1fr 1fr;font-size:.8rem}.step-flow-item{grid-template-columns:40px 1fr}.step-flow-visual{grid-column:2}}@media(max-width:768px){.content-section{padding:var(--space-3xl) 0}.factors-grid{grid-template-columns:1fr}.factor-card{min-height:220px}.example-tab-buttons{flex-direction:column}.example-tab-btn{padding:var(--space-sm) var(--space-md)}.hours-table-header,.hours-table-row{grid-template-columns:60px 1fr 1fr;font-size:.78rem}.hours-col-koszt{display:none}.employer-stack{flex-direction:column;align-items:stretch;min-height:auto}.employer-stack-bar{min-height:80px;height:auto}.step-flow-item{grid-template-columns:36px 1fr;padding:var(--space-md)}.step-flow-number{width:36px;height:36px;font-size:.9rem}.flow-diagram,.skladki-chart,.bar-comparison{padding:var(--space-md)}.bar-comparison-track{height:34px}.bar-segment span{font-size:.7rem}}@media(max-width:480px){.hours-table-header,.hours-table-row{grid-template-columns:50px 1fr 1fr}.flow-node{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.flow-node-label{min-width:70px;font-size:.8rem}.flow-node-value{font-size:.82rem}.step-flow-tag{font-size:.68rem;padding:3px 8px}}