*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{overflow-x:hidden}.mainNav{background-color:#070c18}.mainNav .navbar-brand{letter-spacing:.02em;font-family:Sora,sans-serif;font-weight:700}.nav-contact{margin-bottom:0}.navbar-toggler{border:0;outline:none}.header{color:#fff;text-align:center;background-color:#000;min-height:80vh;padding:88px 50px}.header h1{background:linear-gradient(90deg,#00e5ff,#ff00e5);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,7vw,4.4rem);font-weight:700;line-height:1.1}.search{background-color:#23282e;border-radius:20px;width:min(760px,100%);padding:10px 20px}.search input{color:#fff;background-color:#23282e;border:none;border-radius:20px;outline:0;min-width:0}.trendingMusic{background-color:#10141a;justify-content:space-between;align-items:center;padding:40px 80px;display:flex}.cardSection{background-color:#10141a;padding-bottom:40px}.musicGrid{background-color:#10141a;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px;padding:0 50px 80px;display:flex}.musicCard{color:#fff;background-color:#10141a;flex-direction:column;align-items:flex-start;gap:16px;width:clamp(220px,28vw,340px);padding:24px;display:flex;overflow:hidden}.musicCard img{object-fit:cover;border-radius:14px;width:100%;height:clamp(220px,32vw,290px)}.musicCard img:hover{transition:all 1.5s;transform:rotate(5deg)}.musicCardTitle{margin:0;font-size:18px}.musicDetail{justify-content:space-between;width:100%;display:flex}audio::-webkit-media-controls-panel{background-image:linear-gradient(90deg,#00e5ff,#ff00e5)}.theCard{gap:20px;padding:20px 80px;display:flex}.card{background-color:#10141a;gap:20px;padding:20px 50px 80px;line-height:1.6;transition:all .48s cubic-bezier(.23,1,.32,1);display:flex}.content{color:#fff;background-color:#10141a;border-radius:10px;flex-direction:column;align-items:flex-start;gap:16px;width:clamp(220px,28vw,340px);padding:24px;transition:all .48s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.content img{object-fit:cover;border:40px;border-radius:14px;width:100%;height:clamp(220px,32vw,290px)}.content svg{width:48px;height:48px}.content .para{z-index:1;opacity:1;font-size:18px;transition:all .48s cubic-bezier(.23,1,.32,1)}.content .link{z-index:1;color:#fea000;font-family:inherit;font-size:16px;text-decoration:none;transition:all .48s cubic-bezier(.23,1,.32,1)}.content .link:hover{text-decoration:underline}.card:hover{transform:translateY(-16px)}.card:hover .content:before{width:100%;height:100%;top:0;rotate:-8deg}.card:hover .content:after{width:100%;height:100%;top:0;rotate:8deg}.footerBar{background:#000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;display:flex}.footerCopy{color:#fff;margin:0;font-size:.95rem}.footerLinks{color:#fff;flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footerLinks p{margin:0;font-size:.9rem}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:2rem;position:relative}.close-btn{cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:10px;right:10px}@media (width<=992px){.header{min-height:70vh;padding:72px 32px}.search{width:min(90%,680px)}.trendingMusic{gap:18px;padding:30px 32px}.card,.musicGrid{padding:0 32px 24px}.content,.musicCard{width:calc(50% - 12px);min-width:250px}.footerBar{padding:14px 20px}}@media (width>=993px) and (width<=1366px){.card{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:18px;padding:0 32px 40px;display:flex}.content{flex:0 calc(33.333% - 12px);min-width:0;max-width:calc(33.333% - 12px);padding:18px}.musicGrid{justify-content:flex-start;gap:18px;padding:0 32px 40px}.musicCard{flex:0 calc(33.333% - 12px);min-width:0;max-width:calc(33.333% - 12px);padding:18px}.content .para,.musicCardTitle{font-size:16px}}@media (width>=993px) and (width<=1199px){.content,.musicCard{flex:0 calc(50% - 12px);max-width:calc(50% - 12px)}}@media (width<=576px){.header{min-height:auto;padding:56px 16px}.search{flex-wrap:wrap;width:100%;padding:10px 12px}.search input{flex:100%;order:2}.search button{order:3;width:100%}.trendingMusic{flex-direction:column;align-items:flex-start;padding:24px 16px}.card,.musicGrid{padding:0 16px 18px}.content{width:100%;min-width:0}.musicCard{width:100%;min-width:0;max-width:100%}.footerBar{flex-direction:column;align-items:flex-start;gap:14px}.footerLinks{gap:16px}}