.cc-tier--lowrate{background:#dcfce7!important;border-color:#bbf7d0!important;color:#166534!important}.cc-tier--standard{background:var(--brand-light)!important;border-color:var(--brand-border)!important;color:var(--brand)!important}.cc-tier--platinum{background:#f3e8ff!important;border-color:#e9d5ff!important;color:#7c3aed!important}.cc-tier--world{background:#fef3c7!important;border-color:#fde68a!important;color:#92400e!important}.cc-rewards-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap}.cc-rewards--airpoints{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.cc-rewards--cashback{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.cc-rewards--points{color:#7c3aed;background:#f3e8ff;border:1px solid #e9d5ff}.cc-rewards--other{color:var(--muted);background:var(--surface2);border:1px solid var(--border)}.cc-rewards--none{display:none}.cc-fx-free{font-weight:600;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:4px}.cc-fx-free,.cc-linked-account{font-size:10px;padding:2px 6px;white-space:nowrap}.cc-linked-account{display:inline-flex;align-items:center;font-weight:500;color:var(--muted);background:var(--surface-alt,#f0f0f0);border:1px solid var(--border);border-radius:4px;margin-top:2px}.dc-features-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.dc-feat-tag{font-size:9px;font-weight:500;color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;white-space:nowrap}.cc-detail-features{display:flex;flex-wrap:wrap;gap:16px}.cc-feat-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.cc-feat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cc-feat-dot--yes{background:#22c55e}.cc-feat-dot--no{background:#d1d5db}.cards-hub-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-bottom:40px}@media (min-width:640px){.cards-hub-grid{grid-template-columns:1fr 1fr}}.cards-hub-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);box-shadow:var(--shadow-sm);transition:box-shadow var(--t),transform var(--t);text-decoration:none;color:inherit}.cards-hub-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cards-hub-card--credit{border-left:4px solid var(--brand)}.cards-hub-card--debit{border-left:4px solid #22c55e}.cards-hub-icon{font-size:28px;flex-shrink:0;margin-top:2px}.cards-hub-content{flex:1 1;min-width:0}.cards-hub-title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 6px}.cards-hub-desc{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 8px}.cards-hub-count{font-size:12px;color:var(--subtle);font-weight:500}.cards-hub-arrow{font-size:20px;color:var(--brand);flex-shrink:0;margin-top:4px;font-weight:700}.cc-sort-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cc-sort-label{margin-right:2px}.cc-sort-btn,.cc-sort-label{font-size:12px;font-weight:500;color:var(--muted)}.cc-sort-btn{padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--t);white-space:nowrap}.cc-sort-btn:hover{border-color:var(--brand);color:var(--brand)}.cc-sort-btn--active{background:var(--brand);border-color:var(--brand);color:#fff}.cc-sort-btn--active:hover{background:var(--brand-hover,var(--brand));color:#fff}.cc-info-row{display:flex;align-items:center;gap:8px;margin-top:3px}.cc-network-logo{display:inline-flex;align-items:center;line-height:1}.cc-network--text{font-size:10px;font-weight:600;color:var(--muted)}.mc-col-ifd{display:none}@media (min-width:640px){.mc-col-ifd{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:0 12px;grid-area:ifd}}.mc-body--credit,.mc-body--debit{display:grid;grid-template-columns:1fr auto;grid-template-areas:"info  info" "rate  payment";padding:14px 16px 12px;grid-gap:12px 0;gap:12px 0}@media (min-width:640px){.mc-body--credit{grid-template-columns:1fr 120px 90px 70px 140px 100px;grid-template-areas:"info meta rate ifd payment actions"}.mc-body--credit,.mc-body--debit{align-items:center;gap:0;padding:16px 20px}.mc-body--debit{grid-template-columns:1fr 170px 100px 100px 110px;grid-template-areas:"info meta rate payment actions"}}.pd-related-fee{font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted);flex-shrink:0}