*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#0f0f14;color:#e4e4e7;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:24px}.header{text-align:center;padding:40px 24px;border-bottom:1px solid #27272a;margin-bottom:32px}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.header p{color:#71717a;font-size:1.1rem}.nonkyc-banner{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.nonkyc-banner:hover{border-color:#22c55e;background:#1a2e1a}.nonkyc-banner .icon{font-size:24px}.nonkyc-banner span:last-child{font-weight:600;color:#22c55e}.filters{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:20px;margin-bottom:24px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;font-size:12px;color:#a1a1aa;margin-bottom:6px}select,input{width:100%;padding:10px 14px;background:#09090b;border:1px solid #27272a;border-radius:8px;color:#e4e4e7;font-size:14px}select:focus,input:focus{outline:none;border-color:#3b82f6}.btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn:hover{background:#2563eb}.btn-outline{background:transparent;border:1px solid #3f3f46}.btn-outline:hover{background:#27272a}.search-box{position:relative;flex:2}.search-results{position:absolute;top:100%;left:0;right:0;background:#18181b;border:1px solid #27272a;border-radius:8px;margin-top:4px;z-index:100;max-height:300px;overflow-y:auto}.search-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #27272a}.search-item:hover{background:#27272a}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.card{background:#18181b;border:1px solid #27272a;border-radius:16px;overflow:hidden;transition:all .2s}.card:hover{border-color:#3f3f46;transform:translateY(-2px)}.card-header{padding:20px;background:linear-gradient(135deg,#1e1e24,#18181b);border-bottom:1px solid #27272a;display:flex;justify-content:space-between;align-items:flex-start}.card-name{font-size:1.1rem;font-weight:600;margin-bottom:4px}.card-issuer{font-size:13px;color:#71717a}.card-type{background:#27272a;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.card-body{padding:20px}.card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.stat{text-align:center;padding:12px;background:#09090b;border-radius:8px}.stat-value{font-size:1.2rem;font-weight:700;color:#22c55e}.stat-label{font-size:11px;color:#71717a;margin-top:4px}.card-bonus{background:#1e3a5f;border:1px solid #1e40af;border-radius:8px;padding:12px;margin-bottom:16px}.card-bonus-label{font-size:11px;color:#93c5fd;margin-bottom:4px}.card-bonus-value{font-weight:600;color:#fff}.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feature-tag{background:#27272a;padding:4px 10px;border-radius:6px;font-size:12px;color:#a1a1aa}.card-footer{padding:16px 20px;border-top:1px solid #27272a;display:flex;justify-content:space-between;align-items:center}.fee{font-size:1.3rem;font-weight:700}.fee-label{font-size:12px;color:#71717a}.credit-score{font-size:12px;padding:4px 10px;border-radius:6px}.score.excellent{background:#22c55e20;color:#22c55e}.score.good{background:#f59e0b20;color:#f59e0b}.score.fair{background:#ef444420;color:#ef4444}.empty{text-align:center;padding:60px 20px;color:#52525b}.stats-bar{display:flex;justify-content:center;gap:32px;padding:20px;background:#18181b;border-radius:12px;margin-bottom:24px}.stats-item{text-align:center}.stats-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.stats-label{font-size:12px;color:#71717a;margin-top:4px}.compare-selected{position:fixed;bottom:0;left:0;right:0;background:#18181b;border-top:1px solid #27272a;padding:16px;display:flex;justify-content:space-between;align-items:center;z-index:100}.compare-items{display:flex;gap:12px}.compare-item{background:#27272a;padding:8px 16px;border-radius:8px;font-size:14px}@media (max-width: 768px){.filter-row{flex-direction:column}.card-grid{grid-template-columns:1fr}}
