.music-info{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px;background:linear-gradient(135deg,rgba(39,199,201,.16),rgba(39,199,201,.04));border:1px solid rgba(39,199,201,.35);border-left:5px solid #27c7c9;padding:46px 22px 22px;margin:30px 0;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.08)}.music-info::before{content:"TRACK INFO";position:absolute;top:12px;left:18px;background:#27c7c9;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 12px;border-radius:20px}.music-info p{position:relative;margin:0;padding-left:36px;font-size:14px;line-height:1.6;color:#1e1e1e;transition:transform .25s ease}.music-info p:hover{transform:translateX(4px)}.music-info p strong{color:#27c7c9;font-weight:600;margin-right:6px}.music-info p span{color:#050505;font-weight:500}.music-info p::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;background-color:#27c7c9;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;mask-repeat:no-repeat;mask-size:contain;mask-position:center;transition:transform .25s ease}.music-info p:hover::before{transform:scale(1.15) rotate(-6deg)}.music-info p:nth-child(1)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/%3E%3C/svg%3E")}.music-info p:nth-child(2)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.6c-.6-.4-1.3-.6-2-.6-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4V7h4V3h-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.6c-.6-.4-1.3-.6-2-.6-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4V7h4V3h-6z'/%3E%3C/svg%3E")}.music-info p:nth-child(3)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2 2v10h14V7H5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2 2v10h14V7H5z'/%3E%3C/svg%3E")}.music-info p:nth-child(4)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 9h6l-5 4 2 7-7-4-7 4 2-7-5-4h6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 9h6l-5 4 2 7-7-4-7 4 2-7-5-4h6z'/%3E%3C/svg%3E")}.music-info p:nth-child(5)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.3 7 13 7 13s7-7.7 7-13c0-3.9-3.1-7-7-7zm0 9.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 6.5 12 6.5s2.5 1.1 2.5 2.5S13.4 11.5 12 11.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.3 7 13 7 13s7-7.7 7-13c0-3.9-3.1-7-7-7zm0 9.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 6.5 12 6.5s2.5 1.1 2.5 2.5S13.4 11.5 12 11.5z'/%3E%3C/svg%3E")}.music-info p:nth-child(6)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4zM7 7h10v10H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4zM7 7h10v10H7z'/%3E%3C/svg%3E")}.music-info p:nth-child(7)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E")}@media (max-width:768px){.music-info{grid-template-columns:1fr;padding:42px 18px 18px}}.premium-genre-grid-container{padding:60px 20px;background:radial-gradient(circle at top,#101820,#0b0f14 70%);font-family:"Poppins",sans-serif;color:var(--bt-text)}.premium-grid-header{text-align:center;margin-bottom:50px}.premium-section-title{font-size:32px;font-weight:700;color:var(--bt-primary)}.premium-section-subtitle{color:var(--bt-muted);margin-top:10px}.premium-genre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}.premium-genre-card{position:relative;background:var(--bt-card);padding:35px 25px;border-radius:18px;text-align:center;overflow:hidden;transition:.35s;border:1px solid rgba(255,255,255,.05)}.premium-genre-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.6)}.premium-card-icon{width:70px;height:70px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:white;background:linear-gradient(135deg,var(--bt-primary),var(--bt-accent));box-shadow:0 0 25px rgba(22,212,212,.5)}.premium-card-title{font-size:20px;margin-top:18px;font-weight:600}.premium-card-count{font-size:14px;color:var(--bt-muted);margin-top:6px}.premium-card-button{display:inline-block;margin-top:18px;padding:11px 26px;border-radius:30px;background:#4d4949;color:#fff;font-weight:600;text-decoration:none;font-size:14px;transition:.3s;position:relative;z-index:3;cursor:pointer}.premium-card-button:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(22,212,212,.8)}.premium-card-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(22,212,212,.25),transparent 70%);opacity:0;transition:.4s;pointer-events:none;z-index:1}.premium-genre-card:hover .premium-card-glow{opacity:1}