*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#f5f5f5;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#17192a 0%,#05060a 55%,#000 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}.app-root{flex-direction:column;min-height:100vh;display:flex}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:linear-gradient(90deg,#050814e6,#090e28f2,#08233ce6);border-bottom:1px solid #ffffff14;width:100%;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1120px;margin:0 auto;padding:.85rem 1.5rem;display:flex}.header-logo{align-items:center;gap:.75rem;display:flex}.header-logo img{width:auto;height:40px;display:block}.header-logo-text{flex-direction:column;line-height:1.1;display:flex}.header-logo-text span:first-child{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3;font-size:.8rem}.header-logo-text span:last-child{letter-spacing:.06em;font-size:1.05rem;font-weight:700}nav{align-items:center;gap:1.25rem;display:flex}nav a{color:#f5f5f5b3;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;padding-bottom:.2rem;font-size:.92rem;text-decoration:none;position:relative}nav a:after{content:"";background:linear-gradient(90deg,#ff6bcb,#ffd166);width:0;height:1px;transition:width .2s ease-out;position:absolute;bottom:0;left:0}nav a:hover{color:#fff}nav a:hover:after{width:100%}@media (max-width:768px){.header-inner{flex-wrap:wrap;row-gap:.75rem}nav{flex-wrap:wrap;justify-content:flex-end}}.live-button{color:#fff;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:radial-gradient(circle at 0 0,#ff6bcb 0%,#ff006e 55%,#3a0ca3 100%);border:1px solid #ff6bcba6;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-size:.78rem;font-weight:700;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out;display:inline-flex;box-shadow:0 0 0 1px #ffffff05,0 12px 30px #0009}.live-button:before{content:"";background:#00f5d4;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #00f5d41f}.live-button.is-playing,.live-button.is-connecting{background:radial-gradient(circle at 0 0,#ff1b1c 0%,#ff4d6d 55%,#800f2f 100%);border-color:#ff4d6de6}.live-button.is-connecting:before,.live-button.is-playing:before{background:#ffb703;animation:.9s ease-out infinite pulse-dot;box-shadow:0 0 0 6px #ffb70329}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1)}}main{flex:1}.page-shell{max-width:1120px;margin:0 auto;padding:1.75rem 1.5rem 2.5rem}.hero{grid-template-columns:minmax(0,3fr) minmax(0,2.2fr);align-items:center;gap:2.5rem;display:grid}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}}.hero-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#ffffffa6;margin-bottom:.75rem;font-size:.85rem}.hero-title{letter-spacing:.03em;margin-bottom:.75rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:800}.hero-subtitle{color:#ebebf5cc;max-width:40rem;margin-bottom:1.25rem;font-size:1rem;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.hero-secondary{color:#e2e8f0f5;letter-spacing:.16em;text-transform:uppercase;background:#0f172ab3;border:1px solid #94a3b873;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.82rem;text-decoration:none;transition:background .15s ease-out,border-color .15s ease-out;display:inline-flex}.hero-secondary:hover{background:#0f172af2;border-color:#f8fafccc}.hero-side-panel{background:radial-gradient(circle at 0 0,#ff6bcb22 0,#020617 45% 100%);border:1px solid #94a3b873;border-radius:1.5rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;box-shadow:0 18px 40px #0f172ae6}.hero-side-panel img{border-radius:1.25rem;width:100%;height:auto;display:block}.section-title{text-transform:uppercase;letter-spacing:.25em;color:#94a3b8e6;margin-bottom:.9rem;font-size:1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;display:grid}.card{background:radial-gradient(circle at 0 0,#0f172a,#020617);border:1px solid #94a3b859;border-radius:1.1rem;padding:1rem;box-shadow:0 18px 40px #0f172ae6}.card h3{margin-bottom:.4rem;font-size:1rem}.card p{color:#cbd5e1f2;font-size:.88rem}.artist-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.artist-card{background:radial-gradient(circle at top,#020617,#020617 40% 100%);border:1px solid #94a3b866;border-radius:1.25rem;padding:1rem;box-shadow:0 18px 40px #0f172ae6}.artist-card img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:.9rem;width:100%;height:220px;margin-bottom:.75rem}.artist-card h3{margin-bottom:.4rem;font-size:.98rem}.artist-card p{color:#cbd5e1f2;font-size:.86rem}footer{color:#94a3b8e6;background:radial-gradient(circle at bottom,#020617,#020617 40%,#000 100%);border-top:1px solid #94a3b859;margin-top:auto;padding:1rem 1.5rem 1.4rem;font-size:.78rem}a{color:#f97316}a:hover{color:#fb923c}