*{box-sizing:border-box;margin:0;padding:0}body{background:#f7f9f8;color:#0f172a;font-family:DM Sans,system-ui,sans-serif}.header{align-items:center;background:#fff;border-bottom:1px solid #e8ece9;display:flex;justify-content:space-between;padding:14px 28px;position:sticky;top:0;z-index:200}.logo{color:#16a34a;font-size:26px;font-weight:700;letter-spacing:-.02em}.logo i{color:#eab308;font-style:normal}.badge{background:linear-gradient(135deg,#22c55e,#15803d);border-radius:100px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;margin-left:8px;padding:3px 10px;text-transform:uppercase;vertical-align:middle}.nav{color:#64748b;display:flex;font-size:14px;gap:20px}.nav a{color:inherit;cursor:pointer;text-decoration:none}.hero{background:linear-gradient(135deg,#0a1f14,#0f3d22 40%,#166534);color:#fff;padding:32px 28px 28px}.hero-inner{margin:0 auto;max-width:1400px}.hero h1{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:5px}.hero p{color:#a7f3d0;font-size:14.5px;line-height:1.5;margin-bottom:18px;max-width:520px}.pill-label{color:#86efac;font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:9px;text-transform:uppercase}.programs-row{display:flex;flex-wrap:wrap;gap:7px}.pill{align-items:center;background:#ffffff0f;border:2px solid hsla(0,0%,100%,.15);border-radius:100px;color:#ffffffb3;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;font-weight:500;gap:5px;padding:7px 14px;transition:all .2s;white-space:nowrap}.pill:hover{background:#ffffff1a;border-color:#ffffff4d}.pill.active{background:#4ade801f;border-color:#4ade80;color:#fff;font-weight:600}.pill .x{font-size:9px;margin-left:2px;opacity:.6}.main{display:flex;gap:0;margin:0 auto;max-width:1400px;min-height:60vh}.sidebar{background:#fff;border-right:1px solid #e8ece9;flex-shrink:0;height:calc(100vh - 56px);overflow-y:auto;padding:20px 0;position:sticky;top:56px;width:224px}.sidebar-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.cat-item{align-items:center;border-left:3px solid transparent;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 20px;transition:all .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cat-item:hover{background:#f0fdf4;color:#16a34a}.cat-item.active{background:#f0fdf4;border-left-color:#22c55e;color:#15803d;font-weight:600}.cat-item .icon{font-size:14px;text-align:center;width:20px}.cat-item .count{background:#f1f5f9;border-radius:10px;color:#94a3b8;font-size:10.5px;margin-left:auto;padding:1px 6px}.cat-item .check{align-items:center;border:1.5px solid #cbd5e1;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;transition:all .15s;width:16px}.cat-item.active .check{background:#22c55e;border-color:#22c55e}.content{flex:1;min-width:0;padding:16px 24px 48px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.search-box{position:relative}.search-box input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px 10px 38px;transition:border-color .2s;width:300px}.search-box input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.search-box .icon{color:#94a3b8;font-size:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.controls-right{gap:10px}.controls-right,.toggle-btn{align-items:center;display:flex}.toggle-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;gap:5px;padding:7px 13px;transition:all .15s}.toggle-btn.active{background:#f0fdf4;border-color:#16a34a;color:#15803d}select.sort-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-family:inherit;font-size:12.5px;padding:7px 13px}.empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.empty-state .big-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#475569;font-size:18px;font-weight:600;margin-bottom:6px}.empty-state p{font-size:14px;line-height:1.6;margin:0 auto;max-width:420px}.empty-steps{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:28px}.empty-step{background:#fff;border:1px solid #e8ece9;border-radius:12px;padding:20px 18px;text-align:center;width:160px}.empty-step .step-num{align-items:center;background:#f0fdf4;border-radius:50%;color:#16a34a;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;margin:0 auto 8px;width:28px}.empty-step .step-icon{font-size:24px;margin-bottom:6px}.empty-step .step-text{color:#475569;font-size:12.5px;line-height:1.4}.cards-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{background:#fff;border:1px solid #e8ece9;border-radius:14px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#d1d9d4;box-shadow:0 4px 16px #0000000f}.card-header{border-bottom:1px solid #f1f5f9;padding:16px 18px 12px}.card-merchant{color:#0f172a;font-size:16px;font-weight:700}.card-category{color:#94a3b8;font-size:11.5px;margin-top:1px}.card-best{padding:14px 18px}.best-label{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.best-program{align-items:center;display:flex;gap:6px;margin-bottom:2px}.best-program-name{color:#0f172a;font-size:13.5px;font-weight:600}.best-rate{align-items:baseline;color:#16a34a;display:flex;font-size:28px;font-weight:700;gap:8px;line-height:1.1;margin-top:4px}.cash-eq-badge{background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:100px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:2px 10px}.card-chart{height:52px;padding:4px 18px 10px}.card-chart svg{display:block;height:40px;width:100%}.card-others{border-top:1px solid #f1f5f9;padding:10px 18px 14px}.others-label{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.other-row{align-items:center;display:flex;font-size:12.5px;justify-content:space-between;padding:3px 0}.other-name{color:#475569}.other-rate{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:6px}.other-eq{background:#f0fdf4;border-radius:100px;color:#16a34a;font-size:11px;font-weight:600;padding:1px 7px}.card-footer{border-top:1px solid #f1f5f9;padding:8px 18px 12px}.card-footer a{align-items:center;color:#16a34a;display:flex;font-size:12px;font-weight:600;gap:4px;text-decoration:none}.card-footer a:hover{color:#15803d}.show-more-wrap{padding:28px;text-align:center}.show-more-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 28px;transition:all .15s}.show-more-btn:hover{border-color:#16a34a;color:#16a34a}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.filter-chip{align-items:center;background:#0f172a;border-radius:100px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:5px 12px}.filter-chip .chip-x{cursor:pointer;font-size:10px;margin-left:2px;opacity:.6}.filter-chip .chip-x:hover{opacity:1}.clear-all{color:#64748b;cursor:pointer;font-size:12px;padding:5px 8px}.clear-all:hover{color:#ef4444}.results-meta{color:#64748b;font-size:13px;margin-bottom:14px}.results-meta strong{color:#0f172a}.results-meta .ts{color:#94a3b8;font-size:11.5px;margin-left:8px}.cta{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;margin-top:20px;padding:36px 28px;text-align:center}.cta h2{font-size:22px;font-weight:700;margin-bottom:6px}.cta p{color:#bbf7d0;font-size:14px;margin-bottom:18px}.cta-btn{background:#fff;border:none;border-radius:100px;box-shadow:0 4px 14px #0000001f;color:#16a34a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:11px 28px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:640px;overflow-y:auto;padding:28px;width:92%}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title-sub{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modal-title{color:#0f172a;font-size:19px;font-weight:700;margin-top:3px}.modal-close{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 11px}.modal-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:18px}.stat-block .stat-label{color:#94a3b8;font-size:10.5px}.stat-block .stat-value{font-size:22px;font-weight:700}.chart-area{background:#f8faf9;border-radius:12px;padding:16px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.chart-legend-item{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.chart-legend-dot{border-radius:2px;height:3px;width:10px}@media(max-width:768px){.sidebar{display:none}.hero h1{font-size:20px}.search-box input{width:100%}.cards-grid{grid-template-columns:1fr}.empty-steps{align-items:center;flex-direction:column}}