:root{--aff-primary:#4f46e5;--aff-secondary:#06b6d4;--aff-success:#10b981;--aff-warning:#f59e0b;--aff-danger:#ef4444;--aff-bg:linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%)}body{background:#f5f7fb}.aff-card{border:none;border-radius:18px;overflow:hidden}.aff-gradient{background:var(--aff-bg)}.section-title{font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--aff-primary);letter-spacing:.5px;border-bottom:2px solid #eef2ff;padding-bottom:8px;margin-bottom:18px}.input-group-text{min-width:46px;background:#f8fafc;border-right:none;font-weight:600}.form-control{border-left:none}.summary-box{background:rgba(255,255,255,.15);border-radius:14px;padding:14px;margin-bottom:12px}.chart-container{position:relative;width:100%;height:300px}.result-big{font-size:2.5rem;font-weight:800;line-height:1.2}.sticky-result{position:sticky;top:20px}.affordability-meter{height:16px;border-radius:50px;background:#e5e7eb;overflow:hidden}.affordability-progress{height:100%;width:0%;transition:all .4s ease;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444)}.metric-card{border-radius:14px;background:#fff;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.metric-label{font-size:.75rem;color:#6b7280;font-weight:700;text-transform:uppercase}.metric-value{font-size:1.3rem;font-weight:800;color:#111827}.tips-box{background:#f8fafc;border-left:4px solid var(--aff-primary);border-radius:10px;padding:14px}