:root {
    --bg:#0a0a0a;
    --glass:rgba(255,255,255,0.05);
    --accent:#ff003c;
}
body { background: var(--bg); color: white; font-family: 'Poppins', sans-serif; }
.navbar { background: rgba(0,0,0,0.7); backdrop-filter: blur(15px); }
.nav-title { font-weight:700; background:linear-gradient(90deg,#ff003c,#ff8a00,#ff003c); background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation: shimmer 3s linear infinite; }
@keyframes shimmer { to { background-position:200% center; } }
.hero { padding:90px 20px; text-align:center; background: linear-gradient(135deg,#111,#1a1a1a); border-radius:20px; margin-bottom:50px; }
.search-box input { border-radius:50px; padding:14px; background:var(--glass); border:1px solid rgba(255,255,255,0.1); color:white; }
.card { background: var(--glass); backdrop-filter: blur(20px); border:none; border-radius:20px; overflow:hidden; transition:.4s; }
.card:hover { transform: translateY(-10px); box-shadow:0 10px 30px rgba(255,0,60,.3); }
button { border-radius:50px !important; }
#playerSection { display:none; margin-top:60px; animation:fadeUp .6s ease; }
iframe { border-radius:20px; }
@keyframes fadeUp { from {opacity:0; transform:translateY(40px);} to {opacity:1; transform:translateY(0);} }
.spinner { display:none; text-align:center; padding:30px; }
.spinner-border { width:3rem; height:3rem; color:var(--accent); }