@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #050505;--primary-color: #ffffff;--accent-color: #ffffff;--text-main: #ffffff;--text-secondary: #888888;--sidebar-width: 260px;--player-height: 100px;--font-family: "Outfit", -apple-system, system-ui, sans-serif;--transition-premium: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;min-height:100vh;width:100vw;-webkit-user-select:none;user-select:none}#app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr var(--player-height);grid-template-areas:"sidebar main" "player player";height:100vh;width:100vw}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#000}.btn-icon{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.btn-icon:active{transform:scale(.9)}@media(max-width:768px){:root{--player-height: 70px}#app{grid-template-columns:1fr;grid-template-areas:"main";height:auto;min-height:100vh}.content-scroll{overflow-y:visible!important;padding:100px 16px 200px!important}#player-bar{position:fixed;bottom:110px;left:16px;right:16px;height:var(--player-height);background:#0f0f0ff2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:1500;box-shadow:0 10px 30px #00000080;padding:0 16px!important;margin:0!important;display:flex!important}.mobile-nav-bar{position:fixed;bottom:30px;left:20px;right:20px;height:65px;background:#191919e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:35px;border:1px solid rgba(255,255,255,.05);z-index:1600;display:flex;justify-content:space-around;align-items:center}.main-header{position:fixed!important;top:0;left:0;width:100%;z-index:2000;background:#050505cc!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px!important;margin:0!important}}.glow-card-wrapper{position:relative;z-index:1}.glow-card-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:var(--glow-color, var(--accent-color));filter:blur(40px);opacity:.15;z-index:-1;transition:.3s}.glow-card-wrapper:hover:before{opacity:.3;width:100%}#main-content{grid-area:main;display:flex;flex-direction:column;overflow:hidden;position:relative}#sidebar{grid-area:sidebar;border-right:1px solid rgba(255,255,255,.05)}#player-bar{grid-area:player;border-top:1px solid rgba(255,255,255,.05);background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.content-scroll{flex:1;overflow-y:auto;padding:32px;perspective:1000px}.premium-hero{position:relative;min-height:350px;border-radius:24px;margin-bottom:48px;overflow:hidden;display:flex;align-items:center;background:#111;box-shadow:0 20px 50px #00000080}.hero-bg-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 64px}.hero-info h1{font-size:56px;font-weight:800;margin-bottom:12px;letter-spacing:-2px;line-height:1}.hero-info p{font-size:20px;color:var(--text-secondary);margin-bottom:32px}.hero-btns{display:flex;gap:16px}.btn-play-hero{background:#fff;color:#000;border:none;padding:16px 32px;border-radius:30px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s;display:flex;align-items:center;gap:10px}.btn-play-hero:hover{transform:scale(1.05)}.hero-art-container{position:relative;width:280px;height:280px}.hero-art-container img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 15px 40px #000c}.hero-art-glow{position:absolute;inset:10%;background:var(--bg-color, #fff);filter:blur(60px);opacity:.3;z-index:-1}.section-block h2{font-size:24px;font-weight:700;margin-bottom:24px}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}@media(max-width:768px){.hero-inner{padding:0 24px;flex-direction:column;text-align:center;gap:32px}.hero-info h1{font-size:32px}.hero-art-container{width:200px;height:200px}}