:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#081624;--surface:#102337;--surface2:#152b40;--border:rgba(175,215,240,.14);--text:#edf7ff;--muted:#98acbc;--accent:#62e1bd;--accent2:#7bb7ff;--accent-pale:rgba(98,225,189,.1);--shadow:0 25px 90px rgba(0,0,0,.17);color-scheme:dark;-webkit-font-smoothing:antialiased}
:root[data-theme=light]{color-scheme:light;--bg:#f4f7fb;--surface:#fff;--surface2:#edf3f8;--border:#dce6ee;--text:#182b3e;--muted:#65788b;--accent:#087d69;--accent2:#347ad6;--accent-pale:rgba(8,125,105,.07);--shadow:0 20px 60px rgba(30,70,107,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.backdrop-glow{position:absolute;pointer-events:none;filter:blur(90px);border-radius:50%;z-index:-1;opacity:.19}.glow-one{top:-125px;left:-160px;width:470px;height:470px;background:#147c80}.glow-two{top:90px;right:-190px;width:420px;height:420px;background:#2a569b}.site-header{height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-accent{color:var(--accent)}.logo-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#155d65,#144166);color:var(--accent);border:1px solid rgba(98,225,189,.23)}.logo-symbol svg{width:23px;height:23px}.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto}.site-header nav a{font-size:12px;color:var(--muted);font-weight:650}.site-header nav a:hover{color:var(--accent)}.site-header nav a.github-link{color:var(--text)}.theme-switch{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:11px;width:38px;height:38px;font-size:21px;display:grid;place-items:center}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;min-height:367px;padding:45px 0}.eyebrow,.section-label{font-size:10px;color:var(--accent);letter-spacing:2px;font-weight:800}.eyebrow{display:flex;gap:12px;align-items:center}.eyebrow-line{width:28px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(41px,5.3vw,69px);line-height:1.07;letter-spacing:-3px;margin:19px 0;font-weight:850}.hero h1 span{background:linear-gradient(95deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:620px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-tags span{background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:8px 13px;color:var(--muted);font-size:11px}.hero-graphic{height:240px;position:relative;display:grid;place-items:center}.halo{border:1px solid rgba(98,225,189,.2);border-radius:50%;width:300px;height:190px;position:absolute;transform:rotate(-33deg)}.halo.two{transform:rotate(35deg);width:275px;height:205px;border-color:rgba(123,183,255,.15)}.visual-card{position:absolute;width:172px;height:174px;border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:22px;display:flex;flex-direction:column;box-shadow:0 18px 55px rgba(0,0,0,.22)}.visual-card span{font-size:10px;font-weight:800;letter-spacing:2px;color:#a6bbc9}.visual-card strong{color:#f4fffe;font-size:22px;margin-top:20px}.visual-card small{color:#b4cbd2;margin-top:5px;font-size:11px}.visual-card.back{background:linear-gradient(140deg,#21446a,#12283f);transform:translate(-67px,-24px) rotate(-13deg)}.visual-card.front{background:linear-gradient(145deg,#155b59,#103d47);transform:translate(64px,24px) rotate(9deg)}.visual-bars{display:flex;align-items:end;gap:5px;height:29px;margin-top:10px}.visual-bars i{background:#79b6d8;width:10px;border-radius:3px 3px 0 0;height:50%}.visual-bars i:nth-child(2){height:72%}.visual-bars i:nth-child(3){height:42%}.visual-bars i:nth-child(4){height:85%}.visual-bars i:nth-child(5){height:100%;background:var(--accent)}.visual-check{margin-left:auto;margin-top:9px;display:grid;place-items:center;background:rgba(98,225,189,.19);color:#9affde;font-size:21px;width:36px;height:36px;border-radius:50%}.education-banner{display:flex;align-items:flex-start;gap:14px;background:rgba(224,175,99,.07);border:1px solid rgba(224,175,99,.25);border-radius:13px;padding:15px 19px;margin-bottom:58px}.banner-mark{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;color:#eac48c;font-weight:800;border:1px solid rgba(224,175,99,.4)}.education-banner p{color:var(--muted);margin:0;line-height:1.7;font-size:12px}.education-banner strong{color:var(--text)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-header h2{font-size:28px;letter-spacing:-.9px;margin:11px 0 7px}.section-header p{margin:0;color:var(--muted);font-size:13px}.section-badge{border:1px solid rgba(98,225,189,.23);background:var(--accent-pale);border-radius:50px;padding:9px 13px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.8px;white-space:nowrap}.app-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.form-panel{padding:32px}.result-panel{padding:32px;background:var(--surface2);border-left:1px solid var(--border);display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;gap:13px;margin-bottom:30px}.step-badge{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-pale);color:var(--accent);font-size:13px;font-weight:850;flex:none}.panel-head h3{margin:0 0 6px;font-size:16px}.panel-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.field{margin-bottom:24px}.field label{display:block;margin-bottom:10px;font-size:13px;font-weight:700}.required{color:var(--accent)}.input-shell{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:11px;overflow:hidden;min-height:56px;transition:border-color .15s}.input-shell:focus-within{border-color:var(--accent)}.currency-prefix{color:var(--accent);font-size:23px;margin:0 14px 0 17px;font-weight:650}.input-shell input{color:var(--text);background:transparent;border:0;outline:0!important;width:100%;height:54px;padding:0 15px;font-size:16px;min-width:0}.input-shell input#income{padding-left:0}.input-shell input::placeholder{color:var(--muted);opacity:.55}.input-shell:has(input[aria-invalid=true]){border-color:#f28c8c}.input-suffix{color:var(--muted);font-size:13px;white-space:nowrap;padding:0 17px}.field-help{color:var(--muted);font-size:11px;line-height:1.5;margin-top:8px}.form-error{min-height:13px;margin:0 0 9px;color:#f8a0a0;font-size:12px}.button{border-radius:11px;min-height:45px;padding:11px 18px;font-size:13px;font-weight:750;border:1px solid var(--border)}.calculate-button{background:var(--accent);color:#082533;border:1px solid var(--accent);width:100%;display:flex;justify-content:space-between;align-items:center}.calculate-button span{font-size:19px}.secondary-actions{display:flex;gap:22px;margin:17px 0 25px}.secondary-actions button{background:none;border:none;padding:2px 0;color:var(--muted);font-size:12px}.secondary-actions button:hover{color:var(--accent)}.input-tip{display:flex;gap:10px;border:1px solid rgba(98,225,189,.19);background:var(--accent-pale);border-radius:12px;padding:14px}.input-tip span{color:var(--accent);font-size:19px}.input-tip p{margin:0;font-size:11px;line-height:1.8;color:var(--muted)}.input-tip strong{color:var(--text)}.result-overline{display:flex;justify-content:space-between;gap:12px;color:var(--accent);letter-spacing:1.4px;font-size:10px;font-weight:800}.instant-dot{letter-spacing:0;color:var(--accent)}.status-orb{display:grid;place-items:center;background:var(--accent-pale);border:1px solid rgba(98,225,189,.24);width:66px;height:66px;color:var(--accent);border-radius:18px;font-weight:850;font-size:31px;margin-top:35px}.result-panel[data-status=fail] .status-orb{color:#ffaf99;background:rgba(255,125,100,.1);border-color:rgba(255,125,100,.2)}.status-caption{font-size:10px;letter-spacing:1.4px;color:var(--accent);font-weight:800;margin-top:23px}.result-panel h3{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin:10px 0 8px}.status-desc{color:var(--muted);font-size:12px;line-height:1.8;min-height:60px}.rules-heading{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:1.4px;margin:24px 0 6px}.rule-row{padding:14px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:13px}.rule-copy{display:flex;align-items:center;gap:10px;min-width:0}.rule-icon{font-size:10px;color:var(--accent);font-weight:800;background:var(--accent-pale);border-radius:9px;display:grid;place-items:center;width:32px;height:32px;flex:none}.rule-copy strong{display:block;font-size:12px;margin-bottom:5px}.rule-copy small{display:block;color:var(--muted);font-size:10px;line-height:1.3}.rule-status{font-size:10px;color:var(--muted);text-align:right;white-space:nowrap}.rule-status.pass{color:var(--accent)}.rule-status.fail{color:#ffb0a8}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:21px}.values-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 12px;min-width:0}.values-grid small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.values-grid strong{display:block;font-size:15px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.result-actions{display:flex;gap:10px;margin-top:auto;padding-top:25px}.result-actions button{flex:1}.copy-button{background:var(--accent);color:#082533;border-color:var(--accent)}.print-button{background:transparent;color:var(--text)}.fine-print{font-size:10px;line-height:1.6;color:var(--muted);margin:18px 0 0}.explainer-section{padding:70px 0 85px}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-cards article{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.card-icon{display:grid;place-items:center;color:var(--accent);background:var(--accent-pale);width:39px;height:39px;border-radius:10px;font-size:12px;font-weight:800}.info-cards h3{margin:19px 0 11px;font-size:16px}.info-cards p{margin:0;font-size:12px;color:var(--muted);line-height:1.8}.footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 35px;color:var(--muted);font-size:11px}.footer div{display:flex;gap:18px;align-items:center}.footer strong{color:var(--text);font-size:15px}.footer p{margin:0}
@media(max-width:930px){.hero{grid-template-columns:minmax(0,1fr) 230px}.hero-graphic{transform:scale(.78)}.app-grid{grid-template-columns:1fr}.result-panel{border-left:0;border-top:1px solid var(--border)}.result-panel,.form-panel{padding:29px}.status-desc{min-height:0}.result-actions{margin-top:4px}.site-header nav{gap:15px}}
@media(max-width:650px){.container{width:min(100% - 30px,1160px)}.site-header{height:70px}.logo{font-size:16px}.logo-symbol{width:33px;height:33px}.site-header nav a:not(.github-link){display:none}.site-header nav a.github-link{font-size:11px}.site-header nav{gap:8px}.hero{display:block;padding:45px 0 32px;min-height:0}.hero-graphic{display:none}.hero h1{font-size:clamp(36px,9vw,48px);letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-tags{gap:6px}.hero-tags span{padding:8px;font-size:10px}.education-banner{margin-bottom:45px;padding:13px}.section-header{display:block}.section-header h2{font-size:24px}.section-header p{line-height:1.6}.section-badge{display:none}.form-panel,.result-panel{padding:20px}.result-panel h3{font-size:26px}.status-orb{margin-top:27px}.rule-row{gap:6px}.rule-status{font-size:9px}.values-grid strong{font-size:13px}.explainer-section{padding:52px 0 65px}.info-cards{grid-template-columns:1fr}.info-cards article{padding:20px}.footer{align-items:flex-start;flex-direction:column}.footer div{flex-direction:column;align-items:flex-start;gap:4px}}
@media print{body{background:#fff;color:#111}.backdrop-glow,.site-header,.hero,.education-banner,.form-panel,.explainer-section,.footer,.result-actions,.section-badge{display:none!important}.container{width:100%}.app-grid{display:block;border:0;box-shadow:none}.result-panel{border:0;background:#fff;color:#111;padding:10px}.status-orb{margin-top:5px}.rule-status.pass,.rule-status.fail{color:#111}.fine-print{color:#333}}