:root{--primary: #ff3e00;--dark: #121212;--light: #f4f4f4;--accent: #222;--border: #333}body{font-family:Inter,system-ui,sans-serif;background-color:var(--dark);color:var(--light);margin:0;line-height:1.6}header{background:#000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary);position:sticky;top:0;z-index:10}h1{margin:0;font-size:1.5rem}#search-bar{padding:.6rem;width:300px;border-radius:4px;border:1px solid var(--border);background:#111;color:#fff}#app{padding:2rem;max-width:1200px;margin:auto}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.band-card{background:var(--accent);padding:1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.band-card:hover{transform:translateY(-5px);border-color:var(--primary);background:#2a2a2a}.band-card h3{margin:0 0 .5rem;color:var(--primary)}.hidden{display:none}.band-detail{background:var(--accent);padding:2.5rem;border-radius:12px;border:1px solid var(--border)}.band-detail h1{font-size:2.5rem;margin-top:1rem}#back-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:all .2s}#back-btn:hover{background:var(--primary);color:#fff}