.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero{position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.tab-progress{position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden}.tab-progress-fill{height:100%;background:var(--accent-gradient);border-radius:2px;width:0%;animation:tabProgress 12s linear}@keyframes tabProgress{from{width:0%}to{width:100%}}.top-tabs{position:relative}.trending-ticker{background:rgba(231,76,139,0.08);border-bottom:1px solid rgba(231,76,139,0.15);overflow:hidden;white-space:nowrap;position:relative;height:36px;display:flex;align-items:center;z-index:100}.ticker-track{display:inline-flex;animation:tickerScroll 40s linear infinite;gap:0}.trending-ticker:hover .ticker-track{animation-play-state:paused}@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-item{display:inline-flex;align-items:center;gap:6px;padding:0 24px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color 0.2s;flex-shrink:0}.ticker-item:hover{color:var(--accent)}.ticker-fire{font-size:14px}.ticker-song{font-weight:600;color:var(--text-primary)}.ticker-sep{color:var(--text-muted);opacity:0.4}.ticker-artist{color:var(--text-muted)}.carousel-3d{perspective:1200px;padding:20px 0 60px;overflow:hidden}.carousel-3d-stage{display:flex;justify-content:center;align-items:center;position:relative;height:340px;transform-style:preserve-3d}.carousel-3d-item{position:absolute;width:220px;transition:all 0.6s cubic-bezier(0.25,0.8,0.25,1);cursor:pointer}.carousel-3d-item .novedad-cover{border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,0.5);transition:box-shadow 0.3s}.carousel-3d-item[style*="z-index: 10"] .novedad-cover{box-shadow:0 20px 60px rgba(231,76,139,0.3),0 15px 40px rgba(0,0,0,0.5)}.carousel-3d-item::after{content:'';position:absolute;bottom:-30px;left:10%;right:10%;height:30px;background:linear-gradient(to bottom,rgba(231,76,139,0.08),transparent);border-radius:50%;filter:blur(8px)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}.carousel-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.2s}.carousel-btn:hover{background:var(--accent);color:white;border-color:var(--accent);transform:scale(1.1)}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-hover);cursor:pointer;transition:all 0.3s}.carousel-dot.active{background:var(--accent);transform:scale(1.3);box-shadow:0 0 10px rgba(231,76,139,0.5)}.ripple-effect{position:absolute;width:10px;height:10px;background:rgba(255,255,255,0.4);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple 0.6s ease-out;pointer-events:none}@keyframes ripple{to{transform:translate(-50%,-50%) scale(20);opacity:0}}.rank-glow{animation:rankGlow 2s ease-in-out infinite}.song-rank.gold.rank-glow{text-shadow:0 0 10px rgba(255,215,0,0.5);animation:rankGlowGold 2s ease-in-out infinite}.song-rank.silver.rank-glow{text-shadow:0 0 10px rgba(192,192,192,0.4);animation:rankGlowSilver 2.5s ease-in-out infinite}.song-rank.bronze.rank-glow{text-shadow:0 0 10px rgba(205,127,50,0.4);animation:rankGlowBronze 3s ease-in-out infinite}@keyframes rankGlowGold{0%,100%{text-shadow:0 0 8px rgba(255,215,0,0.3)}50%{text-shadow:0 0 20px rgba(255,215,0,0.7),0 0 40px rgba(255,215,0,0.2)}}@keyframes rankGlowSilver{0%,100%{text-shadow:0 0 8px rgba(192,192,192,0.2)}50%{text-shadow:0 0 16px rgba(192,192,192,0.5),0 0 30px rgba(192,192,192,0.15)}}@keyframes rankGlowBronze{0%,100%{text-shadow:0 0 8px rgba(205,127,50,0.2)}50%{text-shadow:0 0 16px rgba(205,127,50,0.5),0 0 30px rgba(205,127,50,0.15)}}.song-item{transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.song-item:hover{background:rgba(231,76,139,0.06);transform:translateX(4px)}.song-item:hover .song-title{color:var(--accent)}.song-cover-img{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.genre-card{transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1)}.genre-card:hover{transform:translateY(-8px) scale(1.05)}.genre-card:hover .genre-img{box-shadow:0 12px 30px rgba(0,0,0,0.4)}.genre-img{transition:box-shadow 0.4s ease}.genre-img i{transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.position-up{color:#2ecc71;font-size:11px;display:inline-flex;align-items:center;gap:2px;animation:slideUp 0.5s ease}.position-down{color:#e74c3c;font-size:11px;display:inline-flex;align-items:center;gap:2px;animation:slideDown 0.5s ease}.position-same{color:var(--text-muted);font-size:10px}@keyframes slideUp{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.skeleton-song{display:flex;align-items:center;gap:14px;padding:12px 16px}.skeleton-pulse{background:linear-gradient(90deg,var(--bg-hover) 25%,rgba(255,255,255,0.05) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-rank{width:24px;height:24px;border-radius:50%;flex-shrink:0}.skeleton-cover{width:48px;height:48px;border-radius:8px;flex-shrink:0}.skeleton-info{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-title{height:14px;width:60%}.skeleton-artist{height:12px;width:40%}.skeleton-duration{width:36px;height:14px;flex-shrink:0}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.novedad-card{transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1)}.novedad-card:hover{transform:translateY(-10px)}.novedad-card:hover .novedad-cover{box-shadow:0 15px 40px rgba(0,0,0,0.4)}.novedad-play{transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)!important}.novedad-card:hover .novedad-play{transform:scale(1.15);box-shadow:0 6px 20px rgba(0,0,0,0.4)}.related-card{transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1)}.related-card:hover .related-img{box-shadow:0 10px 30px rgba(231,76,139,0.3);transform:scale(1.05)}.related-img{transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1)}.btn-hero{position:relative;overflow:hidden;transition:all 0.3s ease}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(231,76,139,0.4)}.btn-hero::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.5s ease}.btn-hero:hover::before{left:100%}.header{transition:background 0.3s,box-shadow 0.3s,backdrop-filter 0.3s}.header.scrolled{background:rgba(10,10,26,0.95);box-shadow:0 4px 20px rgba(0,0,0,0.3);backdrop-filter:blur(20px)}@media (max-width:768px){.carousel-3d-stage{height:280px}.carousel-3d-item{width:180px}.trending-ticker{height:32px;font-size:12px}.particle-canvas{opacity:0.6}}@media (max-width:480px){.carousel-3d-item{width:150px}.carousel-3d-stage{height:250px}}