@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sarabun:wght@400;500;600;700&display=swap";:root{--color-primary: #10b981;--color-primary-dark: #059669;--color-primary-light: rgba(16, 185, 129, .1);--color-primary-glow: rgba(16, 185, 129, .2);--color-accent: #f59e0b;--color-accent-dark: #d97706;--color-success: #10b981;--color-danger: #ef4444;--color-danger-light: rgba(239, 68, 68, .1);--color-bg: #f0f4f8;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-surface-frosted: rgba(255, 255, 255, .85);--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-light: #94a3b8;--font-sans: "Inter", "Sarabun", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Courier New", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--max-width: 1100px;--header-height: 64px;--ease: .2s ease}[data-theme=dark]{--color-bg: #0b1120;--color-surface: #161f30;--color-surface-2: #1a2540;--color-surface-frosted: rgba(22, 31, 48, .85);--color-border: #2d3a50;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-light: #4d617a;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;transition:background var(--ease),color var(--ease)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section{padding:64px 0}.section-sm{padding:40px 0}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--color-surface-frosted);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:background var(--ease),border-color var(--ease)}.site-header .container{height:100%;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--color-text);white-space:nowrap}.logo-icon{font-size:1.4rem;line-height:1}.main-nav{flex:1}.main-nav ul{display:flex;gap:4px}.main-nav a{display:block;padding:6px 14px;border-radius:100px;font-size:.9rem;font-weight:500;color:var(--color-text-muted);transition:color var(--ease),background var(--ease)}.main-nav a:hover,.main-nav a.active{color:var(--color-primary);background:var(--color-primary-light)}.lang-switch{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;white-space:nowrap;color:var(--color-text-muted);transition:border-color var(--ease),background var(--ease),color var(--ease)}.lang-switch:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.theme-toggle-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--ease),border-color var(--ease),transform .15s ease}.theme-toggle-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:rotate(15deg) scale(1.05)}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;margin-left:4px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:var(--ease)}.hero{padding:80px 0;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:100px;background:var(--color-primary-light);border:1px solid rgba(16,185,129,.25);color:var(--color-primary);font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:22px}.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:18px;color:var(--color-text)}.hero p{font-size:1.05rem;color:var(--color-text-muted);max-width:520px;margin:0 auto 32px;line-height:1.75}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;padding:13px 28px;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;box-shadow:0 4px 16px var(--color-primary-glow);transition:background var(--ease),transform .15s ease,box-shadow var(--ease)}.hero-cta:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);transition:box-shadow var(--ease),transform var(--ease),border-color var(--ease)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:#10b9814d}.card-icon{font-size:2rem;margin-bottom:14px}.card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:var(--color-text)}.card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.65}.card-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:600;font-size:.88rem;color:var(--color-primary)}.card-link:hover{text-decoration:underline}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.01em;margin-bottom:10px;color:var(--color-text)}.section-header p{color:var(--color-text-muted);font-size:.97rem}.ad-slot{background:var(--color-surface);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:20px;text-align:center;color:var(--color-text-light);font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;min-height:90px;display:flex;align-items:center;justify-content:center;transition:background var(--ease),border-color var(--ease)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--color-text-muted);margin-bottom:20px}.breadcrumb a{color:var(--color-text-muted);transition:color var(--ease)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{color:var(--color-text-light)}.calc-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:background var(--ease),border-color var(--ease)}.calc-form{padding:36px 32px;border-right:1px solid var(--color-border);background:transparent;border-top:none;border-left:none;border-bottom:none;border-radius:0;box-shadow:none;transition:border-color var(--ease)}.calc-results{padding:36px 32px;background:transparent;border:none;border-radius:0;box-shadow:none;position:sticky;top:calc(var(--header-height) + 20px)}.form-group{margin-bottom:22px}.form-group label{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:.88rem;margin-bottom:8px;color:var(--color-text)}.form-group label span{font-weight:400;color:var(--color-text-muted);font-size:.82rem}.form-group input[type=number],.form-group input[type=range]{width:100%}.form-group input[type=number]{padding:11px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;font-weight:600;color:var(--color-text);background:var(--color-surface-2);appearance:textfield;-moz-appearance:textfield;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.form-group input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow);background:var(--color-surface)}.form-group input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:100px;background:var(--color-border);outline:none;margin-top:10px;cursor:pointer}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-primary);transition:transform .15s ease,box-shadow .15s ease;cursor:grab}.form-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 4px var(--color-primary-glow)}.form-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-primary);cursor:grab}.input-hint{font-size:.78rem;color:var(--color-text-light);margin-top:5px}.calc-btn{width:100%;padding:13px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;font-family:inherit;box-shadow:0 4px 16px var(--color-primary-glow);transition:background var(--ease),transform .15s ease,box-shadow var(--ease);margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.calc-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 28px #10b98159}.calc-btn:active{transform:translateY(0)}.result-placeholder{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.result-placeholder .placeholder-icon{font-size:2.5rem;margin-bottom:14px;opacity:.5}.result-main{text-align:center;padding:22px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-md);margin-bottom:20px;color:#fff;position:relative;overflow:hidden}.result-main:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none}.result-main .result-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:6px}.result-main .result-value{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff}.result-rows{display:flex;flex-direction:column;gap:0}.result-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border);transition:border-color var(--ease)}.result-row:last-child{border-bottom:none}.result-row .row-label{font-size:.88rem;color:var(--color-text-muted)}.result-row .row-value{font-weight:700;font-size:.97rem;color:var(--color-text)}.result-row .row-value.danger{color:var(--color-danger)}.result-row .row-value.success{color:var(--color-primary)}.summary-chart{margin-top:20px}.chart-bar{height:10px;border-radius:100px;overflow:hidden;background:var(--color-border);display:flex;margin-bottom:10px}.chart-principal{background:var(--color-primary)}.chart-interest{background:var(--color-accent)}.chart-legend{display:flex;gap:16px;font-size:.8rem;color:var(--color-text-muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-principal{background:var(--color-primary)}.dot-interest{background:var(--color-accent)}.amort-section{margin-top:40px}.amort-section h3{font-size:1.05rem;font-weight:600;margin-bottom:16px;color:var(--color-text)}.table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.amort-table{width:100%;border-collapse:collapse;font-size:.82rem}.amort-table th{background:var(--color-surface-2);color:var(--color-text-muted);padding:10px 12px;text-align:right;white-space:nowrap;font-weight:600;border-bottom:1px solid var(--color-border);position:sticky;top:0}.amort-table th:first-child{text-align:center}.amort-table td{padding:9px 12px;border-bottom:1px solid var(--color-border);text-align:right;color:var(--color-text)}.amort-table td:first-child{text-align:center;color:var(--color-text-muted)}.amort-table tr:hover td{background:var(--color-primary-light)}.amort-table tr:last-child td{border-bottom:none}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-primary)}.seo-content{max-width:720px;margin:0 auto}.seo-content h2{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin:32px 0 12px;color:var(--color-text)}.seo-content h3{font-size:1rem;font-weight:600;margin:24px 0 8px;color:var(--color-text)}.seo-content p{margin-bottom:14px;color:var(--color-text-muted);line-height:1.8;font-size:.95rem}.seo-content ul{list-style:disc;padding-left:22px;margin-bottom:14px}.seo-content li{margin-bottom:6px;color:var(--color-text-muted);font-size:.95rem}.code-box{background:var(--color-surface-2);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;font-family:var(--font-mono);font-size:.88rem;color:var(--color-text-muted);margin:16px 0;overflow-x:auto}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:60px 0 0;margin-top:80px;transition:background var(--ease),border-color var(--ease)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--color-border)}.footer-brand .logo{color:var(--color-text);margin-bottom:12px}.footer-brand p{font-size:.9rem;line-height:1.7}.footer-links h3{color:var(--color-text);font-size:.78rem;font-weight:700;margin-bottom:14px;letter-spacing:.07em;text-transform:uppercase}.footer-links ul li{margin-bottom:10px}.footer-links a{font-size:.9rem;color:var(--color-text-muted);transition:color var(--ease)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding:20px 0;font-size:.82rem;text-align:center;color:var(--color-text-light)}@media (max-width: 768px){.calc-wrapper{grid-template-columns:1fr}.calc-form{border-right:none;border-bottom:1px solid var(--color-border)}.calc-results{position:static}.footer-grid{grid-template-columns:1fr;gap:28px}.main-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:16px 20px;box-shadow:var(--shadow-md);transition:background var(--ease)}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:2px}.nav-toggle{display:flex}.lang-switch{margin-left:auto}}@media (max-width: 480px){.section{padding:40px 0}.hero{padding:52px 0}.card{padding:20px}.calc-form,.calc-results{padding:24px 20px}}.has-dropdown[data-astro-cid-3ef6ksr2]{position:relative}.nav-dropdown-btn[data-astro-cid-3ef6ksr2]{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:3px;white-space:nowrap}.nav-dropdown-btn[data-astro-cid-3ef6ksr2]:hover,.nav-dropdown-btn[data-astro-cid-3ef6ksr2].active{color:var(--color-primary)}.chevron[data-astro-cid-3ef6ksr2]{font-size:.7em;transition:transform .2s;display:inline-block}.nav-dropdown-btn[data-astro-cid-3ef6ksr2][aria-expanded=true] .chevron[data-astro-cid-3ef6ksr2]{transform:rotate(180deg)}.dropdown-menu[data-astro-cid-3ef6ksr2]{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;padding:6px 0;list-style:none;margin:0;z-index:200}.dropdown-menu[data-astro-cid-3ef6ksr2] li[data-astro-cid-3ef6ksr2]{margin:0}.dropdown-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;color:var(--color-text-muted);text-decoration:none;transition:background .15s,color .15s}.dropdown-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.dropdown-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{background:var(--color-primary-light);color:var(--color-primary)}.tool-icon[data-astro-cid-3ef6ksr2]{font-size:1rem;flex-shrink:0}@media (max-width: 768px){.dropdown-menu[data-astro-cid-3ef6ksr2]{position:static;transform:none;box-shadow:none;border:none;border-left:3px solid var(--color-border);border-radius:0;margin-left:12px;padding:4px 0;background:transparent}.dropdown-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:.88rem;padding:8px 12px}}