:root{--accent:#0369a1;--accent-2:#fbbf24;--accent-3:#fb7185;--accent-4:#a78bfa;--accent-soft:#0ea5e929;--bg:#f8fafc;--border:#0f172a1f;--border-strong:#0f172a33;--input-bg:#ffffffd6;--result-bg:linear-gradient(145deg, #fffffff5, #f8fafce0) padding-box, linear-gradient(135deg, #38bdf8, #a78bfa 34%, #fb7185 68%, #fbbf24) border-box;--result-muted:#64748b;--result-text:#0f172a;--shadow:0 24px 70px #0f172a1a;--soft-surface:#0f172a09;--surface:linear-gradient(145deg, #fffffff0, #ffffffd1) padding-box, linear-gradient(135deg, #0ea5e9b8, #a78bfa75, #fbbf248f) border-box;--text:#334155;--text-muted:#64748b;--text-strong:#0f172a;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--bg);color:var(--text);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(ellipse 78% 42% at 50% -14%, #0ea5e938, transparent 62%), radial-gradient(ellipse 70% 34% at 8% 16%, #fb71851a, transparent 64%), radial-gradient(ellipse 64% 38% at 92% 8%, #fbbf241f, transparent 60%), linear-gradient(180deg, #fffffff5, #f8fafc 46%), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input{letter-spacing:0}#root{min-height:100svh}.app-shell{isolation:isolate;width:min(1120px,100%);margin:0 auto;padding:24px;position:relative}.app-shell:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 0 24%,#0ea5e914 30%,#0000 38%),linear-gradient(245deg,#0000 0 42%,#fbbf2412 48%,#0000 58%);position:fixed;inset:0}.site-frame{min-height:100svh}.site-header,.site-footer{width:min(1120px,100% - 28px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 0;display:flex}.brand-link,.site-header nav a,.primary-link,.secondary-link,.site-footer a{color:var(--text-strong);font-weight:800;text-decoration:none}.brand-link{justify-content:center;align-items:center;width:clamp(190px,23vw,230px);height:84px;font-size:1rem;display:inline-flex;overflow:hidden}.brand-link img{flex:none;width:170%;height:auto;display:block}.site-header nav{gap:6px;display:flex}.site-header nav a,.secondary-link{border:1px solid var(--border);background:#ffffffb8;border-radius:8px;padding:8px 12px}.site-header nav a.active{border-color:#0ea5e96b;box-shadow:0 0 22px #7dd3fc2e}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:22px 0 32px;font-size:.92rem;display:flex}.hero-grid,.basic-hero-grid,.content-grid,.settings-grid-layout{gap:16px;display:grid}.hero-grid{align-items:stretch}.content-grid{margin-top:16px}.settings-grid-layout{align-items:stretch;margin-top:16px}.settings-column{align-content:start;gap:16px;height:100%;display:grid}.basic-page .content-grid,.seo-card,.trust-copy{margin-top:16px}.live-notice{width:fit-content;max-width:100%;color:var(--text-muted);background:linear-gradient(#ffffffd1,#ffffffd1) padding-box padding-box,linear-gradient(110deg,#0ea5e980,#fbbf246b) border-box;border:1px solid #0ea5e93d;border-radius:999px;align-items:center;gap:10px;margin:0 0 16px;padding:9px 18px 9px 12px;font-size:.93rem;display:flex;box-shadow:0 12px 30px #0f172a0f}.live-notice span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#0ea5e91a;border-radius:999px;flex:none;padding:5px 8px;font-size:.74rem;font-weight:800}.salary-panel,.results-card,.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.salary-panel{flex-direction:column;gap:28px;padding:24px;display:flex}.basic-input-card h1{max-width:13ch}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:750}h1,h2,p{margin:0}h1{max-width:11ch;color:var(--text-strong);letter-spacing:0;text-shadow:0 0 32px #7dd3fc2e;font-size:2.45rem;line-height:.98}h2{color:var(--text-strong);letter-spacing:0;font-size:1.1rem;line-height:1.2}.helper,.monthly-label,.salary-actions,.muted-card,.disclaimer{color:var(--text-muted)}.helper{margin-top:12px}.salary-input{color:var(--text-strong);gap:10px;font-weight:700;display:grid}.input-wrap{border:1px solid var(--border-strong);background:var(--input-bg);min-height:74px;color:var(--text-strong);border-radius:8px;align-items:center;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:inset 0 1px #ffffff14}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 0 34px #38bdf838}.input-wrap span{color:var(--text-muted);flex:none;padding-left:18px;font-size:1.7rem;font-weight:700}.input-wrap input{width:100%;min-width:0;color:var(--text-strong);font:inherit;background:0 0;border:0;outline:0;padding:18px;font-size:2rem;font-weight:750;line-height:1}.input-wrap input::placeholder{color:#77849b}.salary-actions{justify-content:space-between;align-items:center;gap:16px;font-size:.95rem;display:flex}button{border:1px solid var(--border-strong);min-height:42px;color:var(--text-strong);cursor:pointer;font:inherit;background:#ffffffe6;border-radius:8px;padding:0 16px;font-weight:750;box-shadow:inset 0 1px #ffffff14}button:hover{border-color:var(--accent);box-shadow:inset 0 1px #ffffff14,0 0 26px #7dd3fc33}button:focus-visible,select:focus-visible,.compact-input:focus-within{outline:3px solid var(--accent-soft);outline-offset:2px}.results-card{background:var(--result-bg);color:var(--result-text);border-color:#0000;flex-direction:column;justify-content:space-between;gap:28px;padding:24px;display:flex;box-shadow:0 24px 70px #0f172a1f,0 0 62px #38bdf829,0 0 36px #fb71851a}.basic-results-card{min-height:100%}.results-card .eyebrow,.results-card .monthly-label{color:var(--result-muted)}.results-card h2{color:var(--text-strong);text-shadow:0 0 24px #38bdf82e,0 0 42px #a78bfa24;font-size:3.1rem;line-height:1}.summary-grid{background:#0f172a1a;border:1px solid #0f172a1f;border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.summary-grid div{background:#ffffffbd;gap:4px;min-height:76px;padding:14px;display:grid}.summary-grid span{color:var(--result-muted);font-size:.82rem}.summary-grid strong{color:var(--text-strong);font-size:1.08rem}.cta-card,.seo-card{align-content:start;gap:14px;display:grid}.primary-link{background:linear-gradient(135deg,#7dd3fc38,#fbbf2429);border:1px solid #0ea5e95c;border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-height:44px;padding:0 16px;display:inline-flex}.seo-card ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seo-card li{border:1px solid var(--border);background:var(--soft-surface);color:var(--text-strong);border-radius:999px;padding:6px 10px;font-size:.88rem;font-weight:750}.trust-copy{color:var(--text-muted);font-size:.92rem}.mini-breakdown{flex-wrap:wrap;gap:8px;display:flex}.mini-breakdown span{color:var(--text-muted);background:#ffffffbd;border:1px solid #0f172a1a;border-radius:999px;padding:5px 9px;font-size:.84rem;font-weight:750}.card{padding:20px}.card-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.card-heading>strong{color:var(--text-strong);font-size:1.2rem}.card-heading>strong,.breakdown-row strong,.breakdown-footer strong{text-shadow:0 0 18px #7dd3fc24}.breakdown-list{gap:10px;display:grid}.breakdown-row,.breakdown-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.breakdown-row{background:var(--soft-surface);border:1px solid #0f172a0f;border-radius:8px;min-height:48px;padding:0 14px}.breakdown-row span,.breakdown-footer span{color:var(--text-muted)}.breakdown-row strong,.breakdown-footer strong{color:var(--text-strong)}.breakdown-footer{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.settings-card{align-content:start;gap:16px;display:grid}.settings-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.settings-divider{background:var(--border);height:1px}.toggle{border:1px solid var(--border-strong);min-height:38px;color:var(--text-strong);cursor:pointer;background:#ffffffc7;border-radius:999px;align-items:center;padding:0 12px;font-weight:750;display:inline-flex}.toggle input{block-size:18px;inline-size:18px;accent-color:var(--accent);margin:0 8px 0 0}.frequency-control,.segmented-control{border:1px solid var(--border);background:var(--soft-surface);border-radius:8px;gap:6px;padding:5px;display:grid}.frequency-control{grid-template-columns:repeat(2,1fr)}.segmented-control{grid-template-columns:1fr 1fr}.result-frequency-toggle{grid-template-columns:repeat(3,1fr);margin:18px 0 0}.pay-view-toggle{grid-template-columns:repeat(3,1fr);margin-bottom:16px}.frequency-control button,.segmented-control button{min-height:38px;color:var(--text-muted);background:0 0;border-color:#0000;padding:0 10px}.frequency-control button.active,.segmented-control button.active{color:var(--text-strong);background:#fff;box-shadow:0 8px 24px #0f172a14,0 0 22px #7dd3fc2e}.settings-grid,.credits-grid{gap:12px;display:grid}.field{color:var(--text-strong);gap:7px;font-size:.92rem;font-weight:750;display:grid}.compact-input,select{border:1px solid var(--border-strong);min-height:46px;color:var(--text-strong);background:#fffc;border-radius:8px}.compact-input{align-items:center;display:flex;overflow:hidden}.compact-input span{color:var(--text-muted);flex:none;padding-inline:12px 0;font-weight:750}.compact-input span:last-child{padding-inline:0 12px}.compact-input input,select{width:100%;min-width:0;color:var(--text-strong);font:inherit;background:0 0;border:0;outline:0;padding:10px 12px;font-weight:750}.compact-input input:disabled,select:disabled{color:var(--text-muted);cursor:not-allowed}.warning{color:#9f1239;background:#fff1f2cc;border:1px solid #fb718557;border-radius:8px;padding:12px;font-size:.92rem}.total-pill{border:1px solid var(--border);color:var(--text-muted);background:linear-gradient(135deg,#7dd3fc29,#fbbf2424);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.total-pill strong{color:var(--text-strong)}.impact-card{align-content:start;gap:16px;display:grid}.impact-list{gap:10px;display:grid}.impact-list div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.impact-list div:last-child{border-bottom:0}.impact-list span{color:var(--text-muted)}.impact-list strong{color:var(--text-strong)}.compact-impact-list{border:1px solid var(--border);background:#ffffff8a;border-radius:8px;padding:0 12px}.monthly-card{margin-top:16px;margin-bottom:16px}.monthly-list{gap:8px;margin-top:16px;display:grid}.monthly-row{min-height:48px;color:var(--text-muted);background:#ffffff94;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:58px repeat(3,minmax(92px,1fr)) minmax(100px,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.monthly-row.highlight{background:linear-gradient(135deg,#7dd3fc24,#fbbf241f);border-color:#0ea5e957}.monthly-row strong,.monthly-row b{color:var(--text-strong)}.monthly-row b{justify-self:end}.muted-card{align-content:start;gap:12px;display:grid}.muted-card ul{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.muted-card li{border:1px solid var(--border);color:var(--text-strong);background:linear-gradient(135deg,#7dd3fc1f,#a78bfa1f) padding-box padding-box,linear-gradient(135deg,#7dd3fc80,#fbbf2461) border-box;border-radius:999px;padding:6px 10px;font-size:.86rem;font-weight:700}.disclaimer{border-top:1px solid var(--border);margin-top:8px;padding-top:14px;font-size:.92rem}@media (width>=760px){.app-shell{padding:40px}.content-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)}.basic-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}.settings-grid-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)}.settings-column-results{grid-template-rows:auto auto auto minmax(0,1fr)}.pension-impact-card{flex-direction:column;min-height:100%;display:flex}.settings-grid{grid-template-columns:1fr 1fr}.credits-grid{grid-template-columns:repeat(3,1fr)}.salary-panel,.results-card{padding:32px}h1{font-size:3.7rem}.results-card h2{font-size:3.8rem}}@media (width<=430px){.app-shell{padding:14px}.salary-panel,.results-card,.card{padding:18px}.site-header,.site-footer{flex-direction:column;align-items:stretch}.site-header nav{grid-template-columns:1fr 1fr;display:grid}.salary-actions{flex-direction:column;align-items:stretch}.salary-actions button{width:100%}.summary-grid{grid-template-columns:1fr}.monthly-row{grid-template-columns:1fr 1fr}.monthly-row b{justify-self:start}.results-card h2{font-size:2.65rem}}