.debtpay-calculator{--debtpay-primary: #dc2626;--debtpay-primary-dark: #b91c1c;--debtpay-secondary: #f97316;--debtpay-snowball: #3b82f6;--debtpay-avalanche: #8b5cf6;--debtpay-bg: #fef2f2;--debtpay-card-bg: #ffffff;--debtpay-text: #1e293b;--debtpay-text-muted: #64748b;--debtpay-border: #fecaca;--debtpay-shadow: 0 4px 20px rgba(220, 38, 38, .12);max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.debtpay-header{text-align:center;margin-bottom:2rem}.debtpay-title{font-size:2rem;font-weight:800;color:var(--debtpay-primary);margin:0 0 .5rem}.debtpay-description{color:var(--debtpay-text-muted);font-size:1.1rem;margin:0}.debtpay-formula-container{background:linear-gradient(135deg,var(--debtpay-bg) 0%,#fee2e2 100%);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--debtpay-border)}.debtpay-formula-title{font-size:1.1rem;font-weight:700;color:var(--debtpay-primary);margin:0 0 1rem;text-align:center}.debtpay-formula-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.debtpay-formula-card{background:var(--debtpay-card-bg);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 8px #0000000f}.debtpay-formula-label{display:block;font-size:.85rem;font-weight:600;color:var(--debtpay-text-muted);margin-bottom:.5rem}.debtpay-formula-math{font-size:.9rem;color:var(--debtpay-text);overflow-x:auto}.debtpay-form-container{background:var(--debtpay-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--debtpay-shadow);margin-bottom:2rem}.debtpay-form,.debtpay-debts{display:flex;flex-direction:column;gap:1rem}.debtpay-debt-item{background:var(--debtpay-bg);border-radius:12px;padding:1rem;border:1px solid var(--debtpay-border)}.debtpay-debt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.debtpay-debt-number{font-weight:700;color:var(--debtpay-primary)}.debtpay-remove-btn{width:24px;height:24px;border:none;background:var(--debtpay-primary);color:#fff;border-radius:50%;font-size:1.1rem;cursor:pointer;line-height:1}.debtpay-debt-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.debtpay-input-group{display:flex;flex-direction:column;gap:.25rem}.debtpay-label{font-size:.8rem;font-weight:600;color:var(--debtpay-text)}.debtpay-input-wrapper{position:relative}.debtpay-input-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--debtpay-text-muted);font-weight:600}.debtpay-input-suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--debtpay-text-muted);font-weight:600}.debtpay-input{width:100%;padding:.625rem .75rem .625rem 1.75rem;border:2px solid var(--debtpay-border);border-radius:8px;font-size:.95rem;background:#fff;transition:all .2s ease}.debtpay-input-center{padding-left:.75rem;padding-right:2rem;text-align:center}.debtpay-input:focus{outline:none;border-color:var(--debtpay-primary);box-shadow:0 0 0 3px #dc26261a}.debtpay-add-btn{padding:.75rem;border:2px dashed var(--debtpay-border);border-radius:10px;background:transparent;color:var(--debtpay-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.debtpay-add-btn:hover{background:var(--debtpay-bg);border-color:var(--debtpay-primary)}.debtpay-extra-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:1rem;border:1px solid #bbf7d0}.debtpay-extra-section .debtpay-label{color:#166534}.debtpay-extra-section .debtpay-input{border-color:#bbf7d0}.debtpay-buttons{display:flex;gap:1rem;margin-top:.5rem}.debtpay-btn{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.debtpay-btn-primary{background:linear-gradient(135deg,var(--debtpay-primary) 0%,var(--debtpay-secondary) 100%);color:#fff;box-shadow:0 4px 15px #dc26264d}.debtpay-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.debtpay-btn-secondary{background:var(--debtpay-bg);color:var(--debtpay-text-muted);border:2px solid var(--debtpay-border)}.debtpay-results{background:var(--debtpay-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--debtpay-shadow);margin-bottom:2rem}.debtpay-results-title{font-size:1.25rem;font-weight:700;color:var(--debtpay-primary);margin:0 0 1.5rem;text-align:center}.debtpay-total-debt{text-align:center;padding:1rem;background:var(--debtpay-bg);border-radius:12px;margin-bottom:1.5rem}.debtpay-total-label{display:block;font-size:.85rem;color:var(--debtpay-text-muted);margin-bottom:.25rem}.debtpay-total-value{font-size:2rem;font-weight:800;color:var(--debtpay-primary)}.debtpay-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.debtpay-method-card{border-radius:16px;padding:1.25rem}.debtpay-snowball{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd}.debtpay-avalanche{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #c4b5fd}.debtpay-method-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.debtpay-method-icon{font-size:1.5rem}.debtpay-method-name{font-size:1.1rem;font-weight:700}.debtpay-snowball .debtpay-method-name{color:var(--debtpay-snowball)}.debtpay-avalanche .debtpay-method-name{color:var(--debtpay-avalanche)}.debtpay-method-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.debtpay-stat{display:flex;justify-content:space-between}.debtpay-stat-label{font-size:.8rem;color:var(--debtpay-text-muted)}.debtpay-stat-value{font-weight:700;color:var(--debtpay-text)}.debtpay-method-order{padding-top:.75rem;border-top:1px dashed rgba(0,0,0,.1)}.debtpay-order-label{font-size:.8rem;font-weight:600;color:var(--debtpay-text-muted);display:block;margin-bottom:.5rem}.debtpay-order-list{display:flex;flex-direction:column;gap:.25rem}.debtpay-order-item{font-size:.85rem;color:var(--debtpay-text)}.debtpay-savings{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:1rem}.debtpay-savings-item{display:flex;justify-content:space-between;align-items:center}.debtpay-savings-label{font-weight:600;color:#166534}.debtpay-savings-value{font-size:1.25rem;font-weight:800;color:#166534}.debtpay-content{margin-top:3rem}.debtpay-content-section{margin-bottom:2.5rem}.debtpay-content-title{font-size:1.5rem;font-weight:700;color:var(--debtpay-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--debtpay-primary)}.debtpay-content-text{color:var(--debtpay-text-muted);line-height:1.7;margin:0 0 1rem}.debtpay-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.debtpay-feature-card{background:var(--debtpay-bg);border-radius:12px;padding:1.25rem;text-align:center}.debtpay-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.debtpay-feature-title{font-size:1rem;font-weight:700;color:var(--debtpay-text);margin:0 0 .5rem}.debtpay-feature-desc{font-size:.85rem;color:var(--debtpay-text-muted);margin:0;line-height:1.5}.debtpay-table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:12px;box-shadow:var(--debtpay-shadow)}.debtpay-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.debtpay-table th{background:var(--debtpay-primary);color:#fff;padding:1rem;text-align:left;font-weight:600}.debtpay-table td{padding:.875rem 1rem;border-bottom:1px solid var(--debtpay-border)}.debtpay-table tr:hover{background:var(--debtpay-bg)}.debtpay-table-highlight{font-weight:700;color:var(--debtpay-primary)}.debtpay-tips-grid{display:grid;gap:1rem;margin-top:1.5rem}.debtpay-tip-card{display:flex;gap:1rem;background:var(--debtpay-card-bg);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border-left:4px solid var(--debtpay-primary)}.debtpay-tip-icon{font-size:1.5rem;flex-shrink:0}.debtpay-tip-content{flex:1}.debtpay-tip-title{font-size:1rem;font-weight:700;color:var(--debtpay-text);margin:0 0 .5rem}.debtpay-tip-text{font-size:.9rem;color:var(--debtpay-text-muted);margin:0;line-height:1.6}.debtpay-faqs{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.debtpay-faq-item{background:var(--debtpay-card-bg);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f}.debtpay-faq-question{font-size:1rem;font-weight:700;color:var(--debtpay-primary);margin:0 0 .75rem}.debtpay-faq-answer{font-size:.9rem;color:var(--debtpay-text-muted);margin:0;line-height:1.6}@media (max-width: 768px){.debtpay-title{font-size:1.5rem}.debtpay-formula-grid,.debtpay-debt-inputs,.debtpay-comparison{grid-template-columns:1fr}.debtpay-total-value{font-size:1.75rem}.debtpay-features-grid{grid-template-columns:1fr}}