@font-face{font-family:Inter;src:url('/assets/fonts/inter-3100e775.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#07111f;--bg2:#0b1728;--panel:#101e32;--panel2:#14253d;--line:#243a58;--text:#f5f8fc;--muted:#a9bbd2;--blue:#55a7ff;--cyan:#36d6cb;--green:#5ce0a3;--orange:#ffb35a;--red:#ff7f87;--shadow:0 24px 60px rgba(0,0,0,.25);color-scheme:dark}
:root[data-theme="light"]{--bg:#f4f7fb;--bg2:#eaf0f7;--panel:#fff;--panel2:#f7f9fc;--line:#d6e0eb;--text:#10223b;--muted:#566b84;--blue:#1266bd;--cyan:#007f7c;--green:#087d54;--orange:#a55500;--red:#bd3442;--shadow:0 18px 45px rgba(19,44,76,.1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(54,214,203,.08),transparent 34rem),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font:16px/1.55 Inter,system-ui,sans-serif;min-width:320px}a{color:inherit}button,input,select{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.04em;font-size:1.15rem}.brand img{width:35px;height:35px}.brand b{color:var(--cyan)}.nav{display:flex;gap:8px;align-items:center}.nav a,.nav button{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:700}.nav a:hover,.nav button:hover{background:var(--panel2);color:var(--text)}.theme{width:auto;min-width:54px;height:42px;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;cursor:pointer}.menu-btn{display:none}.mobile-nav{display:none}.hero{padding:54px 0 28px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--cyan) 14%,transparent)}h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.065em;line-height:.98;margin:20px 0 18px}h1 .number{color:var(--green);white-space:nowrap}.lead{font-size:1.08rem;color:var(--muted);max-width:690px;margin:0 0 24px}.source-line{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:.88rem}.source-line a{color:var(--text);font-weight:700}.card{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 88%,var(--bg)));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.today-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.today-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.status{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));padding:7px 9px;border-radius:999px}.today-main{margin:28px 0}.today-main span{display:block;color:var(--muted);font-size:.86rem;font-weight:700}.today-main strong{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.06em;line-height:1.05}.today-main time{display:block;color:var(--muted);margin-top:8px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{background:var(--panel2);border:1px solid var(--line);padding:12px;border-radius:14px}.mini span{display:block;color:var(--muted);font-size:.72rem}.mini strong{font-size:1rem;white-space:nowrap}.section{padding:24px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h2,.content h2{font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.04em;margin:0}.section-head p{color:var(--muted);margin:4px 0 0}.converter{display:grid;grid-template-columns:.76fr 1.24fr;overflow:hidden}.date-rail{padding:24px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 72%,transparent)}.date-rail h2{margin:0 0 5px;font-size:1.2rem}.date-rail>p{margin:0 0 18px;color:var(--muted);font-size:.88rem}.date-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.date-summary strong{font-size:1.1rem}.date-summary span{color:var(--green);font-weight:800}.date-selects{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px}.field label{display:block;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.field input,.field select{width:100%;min-height:50px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--text);padding:0 13px;font-weight:750;outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:16px}.timeline .date-pill:first-child,.timeline .date-pill:last-child{display:none}.date-pill{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:9px 4px;border-radius:11px;cursor:pointer;min-width:0;overflow:hidden}.date-pill span,.date-pill strong{display:block}.date-pill span{font-size:.7rem;text-transform:uppercase}.date-pill strong{color:var(--text);font-size:clamp(.68rem,.65vw,.76rem);letter-spacing:-.025em;line-height:1.35;margin-top:3px;white-space:nowrap}.date-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.date-pill.active strong{color:#fff}.converter-main{padding:24px}.switch-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.switches{display:flex;border:1px solid var(--line);padding:4px;border-radius:12px;background:var(--bg2)}.switches button{border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:9px;font-weight:800;cursor:pointer}.switches button.active{background:var(--panel2);color:var(--text);box-shadow:0 4px 14px rgba(0,0,0,.16)}.formula{color:var(--muted);font-size:.82rem}.amount-grid{display:grid;grid-template-columns:1fr 44px 1fr;gap:12px;align-items:end}.swap-mark{height:54px;display:grid;place-items:center;color:var(--cyan);font-size:1.25rem;font-weight:900}.result-box{margin-top:16px;padding:18px;border-radius:16px;background:linear-gradient(100deg,color-mix(in srgb,var(--blue) 15%,var(--panel2)),color-mix(in srgb,var(--green) 10%,var(--panel2)));border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));display:flex;justify-content:space-between;align-items:center;gap:16px}.result-box span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.result-box strong{font-size:clamp(1.55rem,4vw,2.65rem);letter-spacing:-.045em}.copy{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 13px;border-radius:10px;cursor:pointer;font-weight:800}.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.result-actions .copy{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.tool-actions{justify-content:flex-start;margin-top:18px}.print-sheet{display:none}.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quick button,.quick a{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:8px 11px;border-radius:10px;text-decoration:none;font-size:.84rem;font-weight:800;cursor:pointer}.quick button:hover,.quick a:hover{border-color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-size:.78rem}.stat strong{font-size:1.25rem;letter-spacing:-.025em}.table-card{overflow:hidden}.table-tools{display:flex;gap:10px;padding:18px;border-bottom:1px solid var(--line)}.table-tools input{flex:1}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}td strong{color:var(--green)}tr:last-child td{border-bottom:0}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-card{padding:19px;text-decoration:none;transition:transform .18s,border-color .18s}.tool-card:hover{transform:translateY(-2px);border-color:var(--blue)}.tool-card small{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tool-card h3{margin:10px 0 5px;font-size:1rem}.tool-card p{color:var(--muted);font-size:.86rem;margin:0}.content{display:grid;grid-template-columns:1fr 1fr;gap:14px}.content article{padding:22px}.content h3{font-size:1.05rem;margin:0 0 8px}.content p,.content li{color:var(--muted)}.content p:last-child{margin-bottom:0}.notice{border-left:3px solid var(--orange)}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq details:first-of-type{border-top:0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin:10px 0 0}.ad-slot{min-height:90px;border:1px dashed var(--line);border-radius:16px;display:grid;place-items:center;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.breadcrumbs{padding:24px 0 0;color:var(--muted);font-size:.85rem}.breadcrumbs a{color:var(--text)}.page-hero{padding:30px 0 18px}.page-hero h1{font-size:clamp(2rem,5vw,3.8rem);margin:10px 0}.page-hero p{color:var(--muted);max-width:760px}.year-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.year-grid a{padding:12px;text-align:center;border:1px solid var(--line);border-radius:11px;text-decoration:none;background:var(--panel);font-weight:800}.year-grid a:hover{border-color:var(--blue)}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.month-card{padding:18px;text-decoration:none}.month-card h3{margin:0 0 4px}.month-card p{margin:0;color:var(--muted);font-size:.84rem}.calc-page{display:grid;grid-template-columns:1fr .85fr;gap:16px}.form-card,.output-card{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.output-card{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 14%,var(--panel)),var(--panel))}.output-card .big{font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.055em;margin:12px 0}.breakdown{display:grid;gap:8px}.breakdown div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid var(--line)}.footer{margin-top:54px;border-top:1px solid var(--line);padding:30px 0 46px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.footer h3{color:var(--text);font-size:.9rem}.footer a{display:block;text-decoration:none;margin:7px 0}.foot-brand{color:var(--text);font-weight:900;font-size:1.1rem}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.space-top{margin-top:28px}.faq-card{padding:22px}
.field,.converter>*,.converter-main,.amount-grid,.amount-grid>*,.result-box,.result-box>div,.calc-page,.calc-page>*,.output-card,.breakdown,.breakdown div,.breakdown span,.breakdown strong{min-width:0}.result-box>div,.result-box span{max-width:100%}.result-box span,.result-box strong,.output-card .big,.breakdown strong{overflow-wrap:anywhere;word-break:break-word}.result-box strong,.output-card .big{display:block;max-width:100%;line-height:1.08}.result-box strong.result-medium,.output-card .big.result-medium{font-size:clamp(1.2rem,2.5vw,2rem)}.result-box strong.result-long,.output-card .big.result-long{font-size:clamp(1rem,2vw,1.5rem)}.copy:disabled,.copy[aria-disabled="true"]{opacity:.45;cursor:not-allowed}.calc-error{margin:10px 0 0;padding:12px;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--red) 9%,transparent);color:var(--text)}.calc-error strong{display:inline;color:var(--red)}input[aria-invalid="true"]{border-color:var(--red)}
.compact-table thead{display:none}.compact-table tbody{display:grid;grid-template-columns:1fr 1fr}.compact-table tr{display:grid;grid-template-columns:.65fr 1fr auto;align-items:center;border-bottom:1px solid var(--line)}.compact-table tr:nth-child(odd){border-right:1px solid var(--line)}.compact-table td{border:0;min-width:0;white-space:nowrap}.compact-table td:nth-child(2){color:var(--green);font-weight:850}.table-action{border:0;background:transparent;color:var(--blue);font-weight:850;cursor:pointer;padding:6px}.month-panel{padding:18px}.month-days{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.month-day{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:10px 8px;text-align:left;cursor:pointer}.month-day:hover,.month-day.selected{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--panel2))}.month-day.active{border-color:var(--green)}.month-day span,.month-day strong,.month-day small{display:block}.month-day span{color:var(--muted);font-size:.72rem;font-weight:800}.month-day strong{margin:2px 0;font-size:.86rem;white-space:nowrap}.month-day small{color:var(--muted);font-size:.62rem}.module-note,.form-help{color:var(--muted);font-size:.82rem;margin:14px 0 0}.range-switch{display:flex;flex-wrap:wrap;gap:6px}.range-switch button{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);padding:8px 10px;font-weight:800;cursor:pointer}.range-switch button.active{background:var(--blue);border-color:var(--blue);color:#fff}.chart-card{padding:20px}.chart-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.chart-stats>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.chart-stats span,.chart-stats strong{display:block}.chart-stats span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.chart-stats strong{margin-top:3px;font-size:.9rem;overflow-wrap:anywhere}.chart-stats strong.negative{color:var(--red)}.chart-wrap{position:relative;min-width:0}.chart-wrap svg{display:block;width:100%;height:auto;min-height:230px;color:var(--blue);touch-action:pan-y}.chart-grid line{stroke:var(--line);stroke-width:1}.chart-grid text,.chart-date{fill:var(--muted);font:22px Inter,system-ui,sans-serif}.chart-line{fill:none;stroke:var(--blue);stroke-width:5;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:url(#uf-chart-fill)}.chart-hover-line{stroke:var(--muted);stroke-width:2;stroke-dasharray:7 7}.chart-hover-dot{fill:var(--green);stroke:var(--panel);stroke-width:4}.chart-tooltip{position:absolute;z-index:2;width:160px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);box-shadow:var(--shadow);pointer-events:none}.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip strong{font-size:.72rem}.chart-tooltip span{color:var(--green);font-weight:900}.chart-foot{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.8rem;margin-top:8px}.chart-foot a{color:var(--text);font-weight:750}.tools-grid{grid-template-columns:repeat(3,1fr)}.featured-tool{border-color:color-mix(in srgb,var(--cyan) 55%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 9%,var(--panel)),var(--panel2))}.full-field{grid-column:1/-1}.dataset-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.dataset-summary{padding:24px;display:flex;flex-direction:column;justify-content:center}.dataset-summary>strong{font-size:clamp(2.5rem,7vw,4.8rem);line-height:1;margin-top:18px;letter-spacing:-.06em;color:var(--green)}.dataset-summary p{color:var(--muted)}.dataset-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.dataset-actions a{text-decoration:none}.primary-action{background:var(--blue);border-color:var(--blue);color:#fff}
@media(max-width:1100px){.converter{grid-template-columns:1fr}.date-rail{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:900px){.nav a{display:none}.menu-btn{display:block}.mobile-nav.open{display:grid;position:fixed;z-index:30;top:68px;left:0;right:0;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--line)}.mobile-nav a{padding:12px;text-decoration:none;font-weight:800;border-radius:10px}.hero-grid,.converter,.calc-page,.dataset-grid{grid-template-columns:1fr}.date-rail{border-right:0;border-bottom:1px solid var(--line)}.tools-grid{grid-template-columns:repeat(2,1fr)}.year-grid{grid-template-columns:repeat(4,1fr)}.month-days{grid-template-columns:repeat(4,1fr)}.chart-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 22px,1180px)}.header-row{height:60px}.hero{padding:30px 0 15px}.hero-grid{gap:12px}h1{font-size:2.6rem}.today-card,.date-rail,.converter-main,.form-card,.output-card{padding:17px}.today-main{margin:20px 0}.mini-grid{grid-template-columns:1fr}.mini{display:flex;justify-content:space-between}.date-selects{grid-template-columns:1fr 1fr}.date-selects .field:first-child{grid-column:1/-1}.timeline{grid-template-columns:repeat(3,1fr)}.timeline .date-pill:nth-child(2),.timeline .date-pill:nth-last-child(2){display:none}.amount-grid{grid-template-columns:1fr}.swap-mark{height:20px;transform:rotate(90deg)}.result-box{align-items:flex-start;flex-direction:column}.result-actions{justify-content:flex-start}.stats,.tools-grid,.content,.footer-grid,.form-grid,.month-grid{grid-template-columns:1fr}.year-grid{grid-template-columns:repeat(3,1fr)}.section{padding:18px 0}.section-head{align-items:start;flex-direction:column}.table-tools{flex-direction:column}th,td{padding:11px 13px}.formula{display:none}.compact-table tbody{grid-template-columns:1fr}.compact-table tr:nth-child(odd){border-right:0}.compact-table tr{grid-template-columns:.65fr 1fr auto}.month-days{grid-template-columns:repeat(3,1fr)}.chart-stats{grid-template-columns:1fr}.chart-card{padding:13px}.chart-wrap svg{min-height:180px}.chart-grid text,.chart-date{font-size:26px}.chart-foot{flex-direction:column}.dataset-actions{align-items:stretch;flex-direction:column}.dataset-actions .copy{text-align:center}.range-switch button{flex:1}}
@page{size:A4 portrait;margin:12mm}@media print{body.print-report-active{background:#fff!important;color:#10223b!important}body.print-report-active>*:not(.print-sheet){display:none!important}body.print-report-active .print-sheet{display:block!important;width:100%;font:13px/1.4 Inter,Arial,sans-serif;color:#10223b}.print-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;border-bottom:4px solid #1266bd}.print-head strong{font-size:24px}.print-head span{color:#566b84}.print-body{padding-top:18px}.print-kicker{margin:0;color:#1266bd;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.print-sheet h1{margin:5px 0 12px;font-size:28px;line-height:1.1;letter-spacing:-.03em}.print-result{padding:18px;border-radius:12px;background:#10223b!important;color:#fff!important;font-size:38px;font-weight:900;letter-spacing:-.04em}.print-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.print-details div{padding:10px 12px;border:1px solid #d6e0eb;break-inside:avoid}.print-details span{display:block;color:#566b84;font-size:10px;font-weight:800;text-transform:uppercase}.print-details strong{display:block;margin-top:3px;font-size:15px}.print-sheet footer{margin-top:18px;padding-top:10px;border-top:1px solid #d6e0eb;color:#566b84;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}