@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600.woff2)format("woff2")}:root{--brand:#12304a;--on-brand:#fff;--brand-text:#136d96;--accent:#12304a;--surface:#fff;--page:#f4f7f9;--ink:#27313a;--muted:#52606d;--line:#d5dde3;--error:#c53b3b;--success:#297d4e;--radius:12px;color:var(--ink);background:var(--page);-webkit-text-size-adjust:100%;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-size:16px;line-height:1.5}a{color:var(--brand-text)}:focus-visible{outline:3px solid var(--brand-text);outline-offset:2px}.shell{flex-direction:column;min-height:100vh;display:flex}.top{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.top img{object-fit:contain;max-width:160px;max-height:40px}.top .name{color:var(--accent);font-weight:600}.top .spacer{flex:1}main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:480px;margin:0 auto;padding:24px 16px;display:flex}h1{color:var(--accent);margin:0;font-size:1.5rem;line-height:1.25}h2{margin:0;font-size:1.125rem}p{margin:0}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.card.attention{border:2px solid var(--brand-text)}.row{justify-content:space-between;gap:12px;display:flex}form{flex-direction:column;gap:16px;display:flex}label{flex-direction:column;gap:6px;font-weight:600;display:flex}label .hint{color:var(--muted);font-size:.875rem;font-weight:400}input{font:inherit;background:var(--surface);min-height:48px;color:var(--ink);border:1px solid #7c8894;border-radius:8px;padding:10px 12px;font-size:1.125rem}input.code{letter-spacing:.4em;font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer;border-radius:8px;min-height:48px;padding:10px 16px;font-weight:600}button.primary{background:var(--brand);color:var(--on-brand);border:0}button.primary:disabled{opacity:.55;cursor:default}button.link{color:var(--brand-text);background:0 0;border:0;align-self:flex-start;min-height:44px;padding:0;text-decoration:underline}.alert{border:1px solid;border-radius:8px;padding:12px}.alert.error{color:var(--error);border-color:var(--error);background:#fcf1f1}.alert.info{color:var(--ink);border-color:var(--line);background:var(--surface)}.status{font-size:.875rem;font-weight:600}footer{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.875rem;display:flex}footer img{width:auto;height:20px}.center{text-align:center;align-items:center}.skeleton{flex-direction:column;gap:10px;display:flex}.skeleton span{background:linear-gradient(90deg,#e6ecf0 0%,#f4f7f9 50%,#e6ecf0 100%) 0 0/200% 100%;border-radius:7px;height:14px;animation:1.2s ease-in-out infinite skeleton;display:block}.skeleton span:first-child{width:60%;height:22px}.skeleton span:last-child{width:40%}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.below{flex:1;width:100%;max-width:480px;margin:0 auto;padding:0 16px 24px}.shell>main:has(+.below){flex:none}.calculator{gap:14px}.calculator label .row{font-weight:600}.calculator output{font-variant-numeric:tabular-nums;color:var(--brand-text)}.calculator input[type=range]{min-height:44px;accent-color:var(--brand);border:0;width:100%;padding:0}.calculator select{font:inherit;background:var(--surface);min-height:48px;color:var(--ink);border:1px solid #7c8894;border-radius:8px;padding:10px 12px}.calculator .result{background:var(--page);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.calculator .instalment{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.calculator .instalment strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.75rem}.calculator .row strong{font-variant-numeric:tabular-nums}.caution{font-weight:600}.rise{animation:.28s ease-out both rise}@media (prefers-reduced-motion:reduce){.skeleton span,.rise{animation:none}}.caution{border-left:4px solid var(--accent);background:var(--page);padding:8px 12px;font-size:.875rem;font-weight:600}.offer{border:2px solid var(--brand)}.apply-cta{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding-top:8px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}ol.plain,ol.timeline{margin:0;padding:0;list-style:none}.small{font-size:.875rem}.nowrap{white-space:nowrap}h2+.muted,.eyebrow{margin:0}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600}.nav{background:var(--surface);border-bottom:1px solid var(--line);gap:4px;padding:0 16px;display:flex}.nav a{min-height:44px;color:var(--muted);border-bottom:3px solid #0000;padding:12px 12px 10px;font-weight:600;text-decoration:none}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--brand)}.back{align-self:flex-start;align-items:center;min-height:44px;display:inline-flex}.card{animation:.2s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{border-top:6px solid var(--brand);gap:10px}.hero.behind{border-top-color:var(--error)}.hero.done{border-top-color:var(--success)}.hero h2{font-size:1.125rem}.hero-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hero .amount{font-variant-numeric:tabular-nums;color:var(--accent);font-size:2rem;font-weight:600;line-height:1.15}.hero.behind .amount{color:var(--error)}.hero.done h2{color:var(--success)}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions>*{flex:140px}.ring{flex:none}.ring-track{fill:none;stroke:var(--line);stroke-width:7px}.ring-fill{fill:none;stroke:var(--brand);stroke-width:7px;stroke-linecap:round;transition:stroke-dasharray .6s ease-out}.ring text{fill:var(--ink);font:600 13px Inter,Arial,sans-serif}a.button,button.secondary{text-align:center;font:inherit;background:var(--surface);min-height:48px;color:var(--brand-text);border:1px solid var(--brand-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button.secondary:disabled{opacity:.6;cursor:default}.alert.success{color:var(--success);border-color:var(--success);background:#eef7f1;font-weight:600}.loan-link{color:inherit;text-decoration:none}.loan-link:hover{border-color:var(--brand-text)}.bar{background:var(--line);border-radius:3px;height:6px;display:block;overflow:hidden}.bar>span{background:var(--brand);height:100%;display:block}.how ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.settle{border-top:6px solid var(--accent)}.settle h2:focus{outline:none}.settle>.row{align-items:center}.settle .breakdown dt:last-of-type,.settle .breakdown dd:last-of-type{font-weight:600}.settle h3{margin:8px 0 0;font-size:1rem}.settle .amount{font-variant-numeric:tabular-nums;color:var(--accent);font-size:2rem;font-weight:600;line-height:1.15}.settle .saving{color:var(--success);font-weight:600}.options{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.option{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.option.overdue{border-left:4px solid var(--error)}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:10px 12px}.tab.selected{color:var(--ink);border-bottom-color:var(--brand)}.instalment.overdue{border-left:4px solid var(--error)}.instalment.paid .status{color:var(--success)}.instalment.overdue .status{color:var(--error)}details summary{cursor:pointer;color:var(--brand-text);min-height:32px}.breakdown{grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0 0;display:grid}.breakdown dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.timeline .event{border-left:2px solid var(--line);flex-direction:column;gap:2px;margin-left:6px;padding:0 0 16px 20px;display:flex;position:relative}.timeline .event:before{content:"";background:var(--surface);border:2px solid var(--brand);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-7px}.timeline .payment:before,.timeline .disbursement:before{background:var(--brand)}.timeline .paymentreversed:before,.timeline .penaltycharged:before{border-color:var(--error)}.message .tag{color:var(--brand-text);font-weight:600}.message.legal .tag{color:var(--error)}.message .body{white-space:pre-line;overflow-wrap:anywhere}.empty{align-items:flex-start}.empty-mark{background:var(--brand);opacity:.18;border-radius:12px;width:40px;height:40px}@media (prefers-reduced-motion:reduce){.card,.ring-fill{transition:none;animation:none}}.pay h1{margin:0;font-size:1.25rem}.choices{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.choices legend{margin-bottom:8px;font-weight:600}.choice{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.choice.selected{border-color:var(--brand-text);box-shadow:inset 0 0 0 1px var(--brand-text)}.choice input{width:20px;height:20px;accent-color:var(--brand-text);flex:none;margin:0}.choice-text{flex-direction:column;flex:1;gap:2px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field input{font:inherit;border:1px solid var(--line);border-radius:8px;min-height:48px;padding:8px 12px;font-size:1.125rem}.result h1{margin:0;font-size:1.25rem}.result dl.breakdown{margin:0}a.button.primary{background:var(--brand);color:var(--on-brand,#fff);border-color:var(--brand)}