@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Kanit,sans-serif;background-color:#f9fafb}.min-vh-100{min-height:100vh}.py-5{padding-top:3rem;padding-bottom:3rem}.px-3{padding-left:1rem;padding-right:1rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.fw-bold{font-weight:700}.fw-light{font-weight:300}.fw-medium{font-weight:500}.text-dark{color:#1f2937}.text-secondary{color:#4b5563}.vstack{display:flex;flex-direction:column}.gap-4{gap:1.5rem}.position-relative{position:relative}.form-label{display:inline-block;margin-bottom:.5rem;font-size:.9375rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out}.d-inline-flex{display:inline-flex}.gap-2{gap:.5rem}.border-0{border:0!important}.bg-transparent{background-color:transparent!important}.w-100{width:100%!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d!important}.overflow-hidden{overflow:hidden!important}.d-inline-block{display:inline-block}.text-decoration-none{text-decoration:none!important}.display-6{font-size:2.25rem;line-height:1.2}.fs-4{font-size:1.5rem!important}.fs-5{font-size:1.25rem!important}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{flex:1 1 auto}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}.opacity-25{opacity:.25!important}:root{--brand-orange: #e65d2e;--brand-blue: #245699;--bs-body-font-family: "Kanit", sans-serif;--bs-body-bg: #f9fafb;--bs-primary: #e65d2e;--bs-primary-rgb: 230, 93, 46}body{font-family:var(--bs-body-font-family);background-color:#f9fafb}.calculator-card{max-width:32rem;border-radius:1rem!important;border-color:#f3f4f6!important}.calculator-card .card-body{padding:2rem}@media(min-width:768px){.calculator-card .card-body{padding:3rem}}.text-brand-orange{color:var(--brand-orange)!important}.text-brand-muted{color:#6b7280}.form-control-loan{font-size:1.5rem;font-weight:400;color:#d1d5db;text-align:right;border-radius:.75rem;border-color:#e5e7eb;padding:1rem 3.5rem 1rem 1.25rem}.form-control-loan:not(:placeholder-shown){color:var(--brand-orange);font-weight:600}.form-control-loan::placeholder{color:#d1d5db!important;opacity:1!important;font-weight:400!important}.form-control-loan::-webkit-input-placeholder{color:#d1d5db!important;opacity:1!important;-webkit-text-fill-color:#d1d5db;font-weight:400!important}.form-control-loan::-moz-placeholder{color:#d1d5db!important;opacity:1!important;font-weight:400!important}.form-control-loan:focus{border-color:var(--brand-orange);box-shadow:0 0 0 .25rem #e65d2e33}.form-control-loan:focus:not(:placeholder-shown){color:var(--brand-orange)}.validation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;z-index:1040}.validation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.validation-modal{width:min(90vw,22rem);background:#fff;border-radius:.5rem;padding:2rem 1.75rem 1.75rem;text-align:center;box-shadow:0 25px 50px -12px #00000040;pointer-events:auto}.validation-modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:1.25rem}.validation-modal-message{font-size:.9375rem;color:#6b7280;line-height:1.6;margin-bottom:1.75rem}.validation-modal-message u{text-decoration:underline;text-underline-offset:2px}.btn-validation-ok{background-color:var(--brand-blue);border-color:var(--brand-blue);color:#fff;font-weight:500;min-width:6rem;padding:.5rem 2rem;border-radius:.375rem}.btn-validation-ok:hover,.btn-validation-ok:focus,.btn-validation-ok:active{background-color:#1e4a82!important;border-color:#1e4a82!important;color:#fff!important}.input-suffix{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-weight:500;-webkit-user-select:none;user-select:none;pointer-events:none}.btn-reset{color:var(--brand-orange);font-weight:500;text-decoration:none;padding:0}.btn-reset:hover,.btn-reset:focus{color:#d45328;opacity:.85}.btn-calculate{background-color:var(--brand-orange);border-color:var(--brand-orange);color:#fff;font-weight:700;font-size:1.25rem;padding:1.25rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #e65d2e33}.btn-calculate:hover,.btn-calculate:focus,.btn-calculate:active{background-color:#d45328!important;border-color:#d45328!important;color:#fff!important}.btn-apply{background-color:var(--brand-blue);border-color:var(--brand-blue);color:#fff;font-weight:600;padding:.875rem 2.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.btn-apply:hover,.btn-apply:focus,.btn-apply:active{background-color:#1e4a82!important;border-color:#1e4a82!important;color:#fff!important}.result-panel{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:1rem}.result-amount{font-size:clamp(2rem,8vw,3.25rem);font-weight:700;line-height:1.1;color:var(--brand-orange)}.footer-note{color:#9ca3af;font-weight:300;font-size:.875rem}