.apr-calculator{--apr-primary: #1e3a5f;--apr-primary-dark: #152a45;--apr-secondary: #2563eb;--apr-accent: #3b82f6;--apr-bg: #f0f9ff;--apr-card-bg: #ffffff;--apr-text: #1e293b;--apr-text-muted: #64748b;--apr-border: #bfdbfe;--apr-shadow: 0 4px 20px rgba(30, 58, 95, .12);max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.apr-header{text-align:center;margin-bottom:2rem}.apr-title{font-size:2rem;font-weight:800;color:var(--apr-primary);margin:0 0 .5rem}.apr-description{color:var(--apr-text-muted);font-size:1.1rem;margin:0}.apr-formula-container{background:linear-gradient(135deg,var(--apr-bg) 0%,#dbeafe 100%);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--apr-border)}.apr-formula-title{font-size:1.1rem;font-weight:700;color:var(--apr-primary);margin:0 0 1rem;text-align:center}.apr-formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.apr-formula-card{background:var(--apr-card-bg);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 8px #0000000f}.apr-formula-label{display:block;font-size:.85rem;font-weight:600;color:var(--apr-text-muted);margin-bottom:.5rem}.apr-formula-math{font-size:.95rem;color:var(--apr-text);overflow-x:auto;padding:.25rem 0}.apr-form-container{background:var(--apr-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--apr-shadow);margin-bottom:2rem}.apr-form{display:flex;flex-direction:column;gap:1.25rem}.apr-row{display:flex;gap:1rem}.apr-half{flex:1}.apr-input-group{display:flex;flex-direction:column;gap:.5rem}.apr-label{font-weight:600;font-size:.9rem;color:var(--apr-text)}.apr-input-wrapper{position:relative;display:flex;align-items:center}.apr-input-prefix{position:absolute;left:1rem;color:var(--apr-text-muted);font-weight:600}.apr-input-suffix{position:absolute;right:1rem;color:var(--apr-text-muted);font-weight:600}.apr-input{width:100%;padding:.875rem 1rem .875rem 2rem;border:2px solid var(--apr-border);border-radius:10px;font-size:1rem;transition:all .2s ease;background:var(--apr-bg)}.apr-input-center{padding-left:1rem;padding-right:2.5rem;text-align:center}.apr-input:focus{outline:none;border-color:var(--apr-secondary);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.apr-fees-section{background:var(--apr-bg);border-radius:12px;padding:1rem}.apr-fees-title{font-size:.9rem;font-weight:700;color:var(--apr-primary);margin:0 0 1rem}.apr-buttons{display:flex;gap:1rem;margin-top:.5rem}.apr-btn{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.apr-btn-primary{background:linear-gradient(135deg,var(--apr-primary) 0%,var(--apr-secondary) 100%);color:#fff;box-shadow:0 4px 15px #1e3a5f4d}.apr-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a5f66}.apr-btn-secondary{background:var(--apr-bg);color:var(--apr-text-muted);border:2px solid var(--apr-border)}.apr-btn-secondary:hover{border-color:var(--apr-secondary);color:var(--apr-secondary)}.apr-results{background:var(--apr-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--apr-shadow);margin-bottom:2rem}.apr-results-title{font-size:1.25rem;font-weight:700;color:var(--apr-primary);margin:0 0 1.5rem;text-align:center}.apr-primary-result{background:linear-gradient(135deg,var(--apr-primary) 0%,var(--apr-secondary) 100%);border-radius:16px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.apr-primary-label{display:block;color:#fffc;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.apr-primary-value{font-size:3rem;font-weight:800;color:#fff}.apr-comparison{margin-bottom:1.5rem}.apr-comparison-title{font-size:.9rem;font-weight:700;color:var(--apr-text);margin:0 0 .75rem;text-align:center}.apr-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.apr-comparison-item{background:var(--apr-bg);border-radius:12px;padding:1rem;text-align:center}.apr-comparison-diff{background:linear-gradient(135deg,#fef3c7,#fde68a)}.apr-comparison-label{display:block;font-size:.75rem;font-weight:600;color:var(--apr-text-muted);margin-bottom:.25rem}.apr-comparison-value{font-size:1.5rem;font-weight:800;color:var(--apr-primary)}.apr-comparison-diff .apr-comparison-value{color:#b45309}.apr-summary{background:var(--apr-bg);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.apr-summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed var(--apr-border)}.apr-summary-row:last-child{border-bottom:none}.apr-summary-label{color:var(--apr-text-muted);font-size:.9rem}.apr-summary-value{font-weight:600;color:var(--apr-text)}.apr-summary-negative{color:#dc2626}.apr-summary-total{background:var(--apr-primary);margin:.5rem -1.25rem -1rem;padding:.75rem 1.25rem;border-radius:0 0 12px 12px}.apr-summary-total .apr-summary-label,.apr-summary-total .apr-summary-value{color:#fff;font-weight:700}.apr-monthly{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.apr-monthly-label{font-weight:600;color:#166534}.apr-monthly-value{font-size:1.5rem;font-weight:800;color:#166534}.apr-content{margin-top:3rem}.apr-content-section{margin-bottom:2.5rem}.apr-content-title{font-size:1.5rem;font-weight:700;color:var(--apr-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--apr-primary)}.apr-content-text{color:var(--apr-text-muted);line-height:1.7;margin:0 0 1rem}.apr-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.apr-feature-card{background:var(--apr-bg);border-radius:12px;padding:1.25rem;text-align:center}.apr-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.apr-feature-title{font-size:1rem;font-weight:700;color:var(--apr-text);margin:0 0 .5rem}.apr-feature-desc{font-size:.85rem;color:var(--apr-text-muted);margin:0;line-height:1.5}.apr-table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:12px;box-shadow:var(--apr-shadow)}.apr-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.apr-table th{background:var(--apr-primary);color:#fff;padding:1rem;text-align:left;font-weight:600}.apr-table td{padding:.875rem 1rem;border-bottom:1px solid var(--apr-border)}.apr-table tr:hover{background:var(--apr-bg)}.apr-table-highlight{font-weight:700;color:var(--apr-primary)}.apr-tips-grid{display:grid;gap:1rem;margin-top:1.5rem}.apr-tip-card{display:flex;gap:1rem;background:var(--apr-card-bg);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border-left:4px solid var(--apr-primary)}.apr-tip-icon{font-size:1.5rem;flex-shrink:0}.apr-tip-content{flex:1}.apr-tip-title{font-size:1rem;font-weight:700;color:var(--apr-text);margin:0 0 .5rem}.apr-tip-text{font-size:.9rem;color:var(--apr-text-muted);margin:0;line-height:1.6}.apr-faqs{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.apr-faq-item{background:var(--apr-card-bg);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f}.apr-faq-question{font-size:1rem;font-weight:700;color:var(--apr-primary);margin:0 0 .75rem}.apr-faq-answer{font-size:.9rem;color:var(--apr-text-muted);margin:0;line-height:1.6}@media (max-width: 768px){.apr-title{font-size:1.5rem}.apr-formula-grid{grid-template-columns:1fr}.apr-row{flex-direction:column}.apr-primary-value{font-size:2.5rem}.apr-comparison-grid,.apr-features-grid{grid-template-columns:1fr}}