:root{--color-bg:#0c1222;--color-surface:#1a2332;--color-surface-2:#131c2b;--color-accent-blue:#3b82f6;--color-accent-cyan:#06b6d4;--color-text:#ffffff;--color-text-soft:#b7c4de;--color-border:#284162;--color-danger:#ef4444;--color-overlay:rgba(4,8,18,0.82);--color-shadow:rgba(2,8,25,0.5);--color-chart-axis:#355177;--color-ad-bg:#0f182a;--color-honeypot:transparent;--color-focus-ring:rgba(6,182,212,0.3)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(circle at 10% 0,var(--color-surface-2),var(--color-bg) 45%);color:var(--color-text);font-family:Space Grotesk,Segoe UI,sans-serif}.calculator-page{position:relative;width:min(1100px,calc(100% - 2rem));margin:2rem auto 3.5rem;display:grid;grid-gap:1.25rem;gap:1.25rem}.background-glow{position:absolute;inset:-20% auto auto -15%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--color-accent-cyan),var(--color-honeypot) 68%);opacity:.14;pointer-events:none}.calculator-card,.chart-card,.gate-panel,.result-card,.seo-section,.table-card{background:linear-gradient(165deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-border);border-radius:16px;box-shadow:0 14px 34px var(--color-shadow)}.calculator-card,.chart-card,.gate-panel,.seo-section,.table-card{padding:1.2rem}.card-header h1,.chart-card h2,.gate-panel h2,.result-card h2,.seo-section summary,.table-card h2{margin:0}.card-header p,.gate-panel p{color:var(--color-text-soft)}.title-wrap{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}.input-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.input-block{display:flex;flex-direction:column;gap:.5rem}.input-block span{display:inline-flex;align-items:center;gap:.4rem;font-size:.92rem;color:var(--color-text-soft)}.input-block input,.input-block select{width:100%;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;padding:.72rem .75rem;outline:none}.input-block input:focus,.input-block select:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-focus-ring)}.term-row{display:flex;gap:.75rem}.toggle-group{display:inline-flex;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.toggle-group button{border:0;background:var(--color-bg);color:var(--color-text-soft);padding:.65rem .7rem;cursor:pointer}.toggle-group .active{background:linear-gradient(140deg,var(--color-accent-blue),var(--color-accent-cyan));color:var(--color-text)}.ad-grid{margin-top:1rem;display:grid;grid-template-columns:2fr 1fr;grid-gap:.75rem;gap:.75rem}.ad-placeholder{min-height:92px;display:grid;place-items:center;background:var(--color-ad-bg);border:1px dashed var(--color-border);border-radius:10px;color:var(--color-text-soft);font-size:.88rem;text-align:center}.calculate-button,.submit-button{margin-top:1rem;border:0;border-radius:10px;background:linear-gradient(140deg,var(--color-accent-blue),var(--color-accent-cyan));color:var(--color-text);padding:.78rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-weight:700}.calculate-button{width:100%}.results-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.result-card{padding:1rem}.result-card h2{font-size:.9rem;color:var(--color-text-soft);font-weight:600}.result-card p{margin:.4rem 0 0;font-size:1.55rem;color:var(--color-accent-cyan);font-weight:700}.chart-card svg{margin-top:.9rem;width:100%;height:auto}.axis{stroke:var(--color-chart-axis);stroke-width:1}.bar-principal{fill:var(--color-accent-blue)}.bar-interest{fill:var(--color-accent-cyan)}.chart-label{fill:var(--color-text-soft);font-size:9px}.chart-legend{display:flex;gap:1rem;color:var(--color-text-soft);font-size:.87rem}.chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.legend-dot.principal{background:var(--color-accent-blue)}.legend-dot.interest{background:var(--color-accent-cyan)}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--color-border);padding:.6rem;font-size:.88rem;text-align:left}th{color:var(--color-text-soft)}.seo-section summary{font-size:1.05rem;cursor:pointer}.seo-section p{color:var(--color-text-soft);line-height:1.68}.error-text{margin-top:.75rem;color:var(--color-danger)}.gate-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--color-overlay);padding:1rem}.gate-panel{width:min(430px,100%);position:relative}.close-modal{position:absolute;top:.55rem;right:.55rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer}.honeypot-field{display:none}.page-blur>:not(.gate-modal){filter:blur(5px)}.animate-fade-in-up{animation:fade-in-up .5s ease both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.ad-grid,.input-grid,.results-wrap{grid-template-columns:1fr}.term-row{flex-direction:column}}