body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#111827,#0f172a,#1f2937);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{padding:120px 20px 20px}.nav-header{background:#1e293b;border-bottom:1px solid #334155;box-shadow:0 4px 6px #0000004d;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 20px}.back-to-hub,.nav-container{align-items:center;display:flex}.back-to-hub{background:#0000;border:1px solid #0000;border-radius:6px;color:#cbd5e1;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s}.back-to-hub svg{height:20px;width:20px}.back-to-hub:hover{background:#0f172a;border-color:#475569;color:#818cf8}.hamburger-menu{align-items:center;background:#0000;border:1px solid #475569;border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.hamburger-menu:hover{background:#0f172a;border-color:#818cf8;color:#818cf8}.dropdown-menu{animation:slideDown .2s ease;background:#0f172a;border-top:1px solid #334155;box-shadow:0 4px 12px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{border-bottom:1px solid #334155;color:#cbd5e1;display:block;margin:0 auto;max-width:1200px;padding:16px 20px;text-decoration:none;transition:all .2s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#1e293b;padding-left:28px}.menu-item.current-page{background:#818cf81a;border-left:3px solid #818cf8}.menu-item.current-page .menu-item-title{color:#818cf8}.menu-item-content{display:flex;flex-direction:column;gap:4px}.menu-item-title{color:#fff;font-size:1rem;font-weight:600}.menu-item-subtitle{color:#94a3b8;font-size:.875rem}.container{margin:0 auto;max-width:1200px}.header{background:#1e293b;border-bottom:1px solid #334155;color:#fff;padding:40px 40px 30px;text-align:left}.header h1{align-items:center;color:#fff;display:flex;font-size:1.875rem;font-weight:700;gap:16px;margin:0}.header h1 .fa-credit-card{color:#a78bfa;font-size:2rem}.content{background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.input-section{background:#1e293b;border-bottom:1px solid #334155;padding:40px}.input-section h2{color:#fff;font-size:1.25rem;margin-bottom:30px}.spending-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.input-group{display:flex;flex-direction:column;gap:8px}.label-row{justify-content:space-between}.input-group label,.label-row{align-items:center;display:flex;gap:8px}.input-group label{color:#cbd5e1;flex:1 1;font-size:.95rem;font-weight:600}.category-icon{font-size:1.3rem}.category-label{flex:1 1}.input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#818cf8;font-size:1.1rem;font-weight:600;left:16px;pointer-events:none;position:absolute}.input-wrapper input{background:#334155;border:1px solid #475569;border-radius:6px;color:#fff;font-size:1rem;padding:14px 16px 14px 32px;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf84d;outline:none}.input-wrapper input::placeholder{color:#64748b}.info-tooltip{display:inline-flex;position:relative}.info-icon{cursor:help;font-size:1rem;opacity:.6;transition:opacity .2s}.info-icon:hover{opacity:1}.tooltip-text{background-color:#1e293b;border:1px solid #475569;border-radius:6px;bottom:125%;box-shadow:0 4px 12px #00000080;color:#cbd5e1;font-size:.85rem;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:0;transform:translateX(0);transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip-text:after{border:6px solid #0000;border-top-color:#1e293b;content:"";position:absolute;right:12px;top:100%}.info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.filter-section{background:#0f172a;border:1px solid #334155;border-radius:8px;margin-bottom:30px;padding:24px}.filter-section h3{color:#818cf8;font-size:1.3rem;margin-bottom:20px}.filter-toggle{margin-bottom:20px}.checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#818cf8;cursor:pointer;height:20px;width:20px}.slider-container{display:flex;flex-direction:column;gap:12px}.slider-container label{color:#fff;font-size:1.05rem}.slider-container label strong{color:#818cf8}.fee-slider{-webkit-appearance:none;background:#334155;border-radius:4px;height:8px;outline:none;width:100%}.fee-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#818cf8;border-radius:50%;box-shadow:0 2px 8px #818cf880;cursor:pointer;height:24px;width:24px}.fee-slider::-moz-range-thumb{background:#818cf8;border:none;border-radius:50%;box-shadow:0 2px 8px #818cf880;cursor:pointer;height:24px;width:24px}.slider-labels{color:#94a3b8;display:flex;font-size:.9rem;justify-content:space-between}.spending-toggle{background:#0f172a;border:1px solid #334155;border-radius:8px;display:flex;gap:10px;margin-bottom:30px;padding:6px}.spending-toggle .toggle-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s ease}.spending-toggle .toggle-btn.active{background:#6366f1;color:#fff}.spending-toggle .toggle-btn:hover:not(.active){background:#6366f11a;color:#818cf8}.button-group{display:flex;flex-wrap:wrap;gap:15px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 32px;transition:all .3s ease}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#0000;border:1px solid #475569;color:#818cf8}.btn-secondary:hover{background:#1e293b;border-color:#818cf8}.error-message{background:#f871711a;border:1px solid #ef4444;border-radius:6px;color:#fca5a5;font-weight:500;margin-bottom:20px;padding:12px 16px}.results-section{animation:fadeIn .5s ease;background:#1e293b;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-card{background:#0f172a;border:1px solid #334155;border-radius:12px;color:#fff;margin-bottom:30px;padding:30px}.summary-card h3{color:#818cf8;font-size:1.5rem;margin-bottom:20px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{display:flex;flex-direction:column;gap:8px}.stat-label{color:#94a3b8;font-size:.9rem}.stat-value{color:#fff;font-size:2rem;font-weight:700}.strategy-toggle{background:#0f172a;border:1px solid #334155;border-radius:8px;display:flex;gap:10px;margin-bottom:30px;padding:6px}.strategy-toggle .toggle-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s ease}.strategy-toggle .toggle-btn.active{background:#6366f1;color:#fff}.strategy-toggle .toggle-btn:hover:not(.active){background:#6366f11a;color:#818cf8}.results-section>h2{color:#fff;font-size:1.25rem;margin-bottom:10px}.results-subtitle{font-size:1rem}.results-subtitle,.section-subtitle{color:#94a3b8;margin-bottom:30px}.cards-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.card-item{background:#0f172a;border:1px solid #334155;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.card-item:hover{border-color:#818cf8;box-shadow:0 4px 16px #818cf833}.card-item.top-pick{background:linear-gradient(135deg,#0f172a,#1e1b4b);border-color:#a78bfa}.best-badge{background:#a78bfa;border-radius:0 0 8px 8px;color:#0f172a;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:8px 20px;position:absolute;right:30px;top:0}.card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.card-rank{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.card-name-section{flex:1 1}.card-name{color:#fff;font-size:1.125rem;margin-bottom:8px}.earning-rate-display{color:#818cf8;font-size:.95rem;font-weight:500}.card-stats{background:#1e293b;border:1px solid #334155;border-radius:8px;margin-bottom:20px;padding:20px}.stat-row{border-bottom:1px solid #33415580;display:flex;justify-content:space-between;padding:10px 0}.stat-row:last-child{border-bottom:none}.stat-row.total{border-top:2px solid #10b981;font-weight:700;margin-top:8px;padding-top:16px}.stat-row .stat-label{color:#94a3b8;font-size:.95rem}.stat-row .stat-value{color:#fff;font-size:1.1rem;font-weight:600}.stat-row .stat-value.highlight{color:#34d399;font-size:1.3rem;font-weight:700}.stat-row .stat-value.positive{color:#34d399}.credit-note{color:#94a3b8;font-size:.8rem;font-weight:400}.credit-breakdown-row,.spending-caps-row{border-bottom:1px solid #33415580;padding:12px 0}.caps-label,.credit-label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:8px}.caps-list,.credit-list{display:flex;flex-wrap:wrap;gap:6px}.cap-item,.credit-item{background:#818cf81a;border:1px solid #818cf84d;border-radius:12px;color:#818cf8;font-size:.85rem;padding:4px 10px}.cap-item{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.rewards-breakdown{margin-top:20px}.rewards-breakdown h4{color:#818cf8;font-size:1rem;margin-bottom:12px}.breakdown-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.breakdown-item{background:#1e293b;border:1px solid #334155;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.breakdown-category{color:#94a3b8;font-size:.85rem;text-transform:capitalize}.breakdown-rate{color:#818cf8;font-size:.9rem;font-weight:600}.breakdown-amount{color:#34d399;font-size:1rem;font-weight:700}.multi-card-section h2{color:#fff;font-size:1.8rem;margin-bottom:10px}.strategy-card{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-bottom:20px;padding:24px}.strategy-header h3{color:#818cf8;font-size:1.3rem;margin-bottom:8px}.strategy-description{color:#94a3b8;font-size:.95rem;margin-bottom:20px}.strategy-summary{grid-gap:20px;background:#1e293b;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px}.strategy-stat{display:flex;flex-direction:column;gap:8px}.strategy-stat .label{color:#94a3b8;font-size:.9rem}.strategy-stat .value{color:#fff;font-size:1.5rem;font-weight:700}.strategy-stat .value.negative{color:#f87171}.strategy-stat .value.highlight{color:#34d399;font-size:1.8rem}.strategy-stat .value.positive{color:#34d399}.strategy-cards{display:flex;flex-direction:column;gap:12px}.strategy-card-item{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:8px;display:flex;gap:15px;padding:16px}.card-badge{background:#10b981;border-radius:12px;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:700;padding:6px 12px}.card-info{flex:1 1}.card-info h4{color:#fff;font-size:1.1rem;margin-bottom:6px}.earning-rate{color:#818cf8;font-size:.9rem;margin-bottom:8px}.card-quick-stats{color:#94a3b8;display:flex;font-size:.9rem;gap:20px}.info-box{background:#1e293bcc;border:1px solid #334155;border-radius:6px;margin-top:30px;padding:20px}.info-box h4{color:#818cf8;font-size:1.1rem;margin-bottom:12px}.info-box ul{list-style:none;padding:0}.info-box li{color:#cbd5e1;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.info-box li:before{color:#818cf8;content:"→";font-weight:700;left:0;position:absolute}.info-box strong{color:#fff}.disclaimers{display:flex;flex-direction:column;gap:15px;margin-top:30px}.disclaimer-box{background:#fbbf241a;border:1px solid #fbbf2466;border-left:3px solid #fbbf24;border-radius:6px;padding:16px 20px}.disclaimer-box p{color:#cbd5e1;font-size:.9rem;line-height:1.6;margin:0}.disclaimer-box strong{color:#fff}.footer{background:#1e293b;border-top:1px solid #334155;color:#94a3b8;padding:30px 40px;text-align:center}.footer p{font-size:.95rem;margin-bottom:8px}.small-disclaimer{font-size:.8rem;font-style:italic;opacity:.7}@media (max-width:768px){.header h1{font-size:2rem}.input-section,.results-section{padding:24px}.spending-grid,.summary-stats{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.card-name{font-size:1.1rem}.breakdown-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.app{padding:10px}.header h1{font-size:1.5rem}.header p{font-size:.95rem}.input-section h2,.results-section>h2{font-size:1.4rem}}
/*# sourceMappingURL=main.f7857414.css.map*/