@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_efbeab9e-module__sN8tuW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_efbeab9e-module__sN8tuW__variable{--font-sans:"Outfit","Outfit Fallback"}
@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/65c558afe41e89d6-s.e2c8389a.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/14e23f9b59180572-s.9c448f3c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/b49b0d9b851e4899-s.4f3fa681.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/2a65768255d6b625-s.p.d19752fb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_bd0c5d65-module___OUtNG__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_bd0c5d65-module___OUtNG__variable{--font-serif:"Playfair Display","Playfair Display Fallback"}
@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}section{position:relative}:root{--primary:#ff7e67;--primary-dark:#e8634f;--primary-glow:#ff7e674d;--background:#fff;--foreground:#000;--card-bg:#fff;--card-hover:#f9f9f9;--border:#000;--text-muted:#666;--font-serif:"Playfair Display",serif;--font-sans:"Outfit",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1300px;margin:0 auto;padding:0 1.5rem}@media (max-width:768px){.container{padding:0 1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:.5s ease-out forwards fadeInUp}.header{border-bottom:2px solid var(--border);background:var(--background);z-index:1000;align-items:center;height:auto;min-height:60px;padding:.5rem 0;display:flex;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.logo{letter-spacing:-1.5px;text-transform:uppercase;color:#000;background:var(--primary);padding:0 .5rem;font-size:1.4rem;font-weight:1000}.nav-links a{transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.nav-links a:hover{color:#000;transform:translateY(-2px)}.nav-links a:after{content:"";background:var(--primary);width:0;height:3px;transition:width .2s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:#000}.nav-links-desktop{align-items:center;gap:2.5rem;display:flex}.auth-desktop{display:block}.mobile-nav-toggle{color:#fff;cursor:pointer;box-shadow:4px 4px 0 var(--primary);background:#000;border:3px solid #000;padding:.6rem;transition:all .1s;display:none}.mobile-nav-toggle:active{box-shadow:2px 2px 0 var(--primary);transform:translate(2px,2px)}.mobile-drawer{z-index:2000;background:#fff;border-top:6px solid #000;flex-direction:column;gap:2rem;width:100%;height:calc(100vh - 66px);padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInMenu;display:flex;position:fixed;top:66px;left:0;overflow-y:auto}@keyframes slideInMenu{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-link{text-transform:uppercase;letter-spacing:-1.5px;color:#000;font-size:1.8rem;font-weight:1000}.mobile-link.active{color:var(--primary)}@media (max-width:900px){.nav-links-desktop,.auth-desktop{display:none!important}.mobile-nav-toggle{justify-content:center;align-items:center;display:flex!important}}.btn-pop{transition:transform .1s,box-shadow .1s}.btn-pop:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #000}.btn-pop:active{transform:translate(0);box-shadow:0 0 #000}.hover-glow:hover{text-shadow:0 0 15px var(--primary-glow)}.hero{z-index:50;background:#fff;border-bottom:12px solid #000;padding:clamp(4rem,15vw,8rem) 0;position:relative;overflow:visible}.hero-visual{z-index:1;background:#fff;border:4px solid #000;width:38%;height:70%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:15%;right:5%;transform:rotate(1.5deg);box-shadow:12px 12px #000}.piano-pattern{z-index:0;opacity:.1;pointer-events:none;width:100%;height:100px;display:flex;position:absolute;bottom:0;left:0}@media (max-width:1024px){.hero-visual{opacity:.2;z-index:0;width:300px;height:400px;right:-50px}}@media (max-width:768px){.hero-visual{display:none}.hero{padding:4rem 0}}.hero h1{letter-spacing:-3px;text-transform:uppercase;color:#000;margin-bottom:2rem;font-size:clamp(2.5rem,10vw,5.5rem);font-weight:1000;line-height:1}.search-container{background:#fff;border:4px solid #000;border-radius:0;max-width:700px;margin:0 auto;padding:.2rem;display:flex;position:relative}.search-input{color:#000;background:0 0;border:none;outline:none;flex:1;padding:1rem 1.5rem;font-size:1.2rem;font-weight:800}.search-button{color:#fff;text-transform:uppercase;background:#000;border-radius:0;padding:0 2.5rem;font-size:.9rem;font-weight:900}.search-results-dropdown{z-index:50;background:#fff;border:4px solid #000;border-radius:0;width:100%;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden}.result-item{border-bottom:2px solid #000;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .1s;display:flex}.result-item:last-child{border-bottom:none}.result-item:hover{background:var(--primary)}.result-title{font-size:1.1rem;font-weight:900}.result-artist{text-transform:uppercase;font-size:.85rem;font-weight:700}.section{padding:5rem 0}.section-title{letter-spacing:0;text-transform:uppercase;border-bottom:4px solid #000;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:.5rem;font-size:1rem;font-weight:1000;display:flex}.grid-trending{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.card-song{background:#fff;border:4px solid #000;border-radius:0;transition:transform .1s}.card-song:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}.card-img{aspect-ratio:1;background:#eee;border-bottom:4px solid #000;width:100%}.card-info{padding:1.5rem}.card-title{text-transform:uppercase;margin-bottom:.2rem;font-size:1.2rem;font-weight:1000}.card-artist{color:var(--text-muted);font-size:.9rem;font-weight:800}.lyrics-header{border-bottom:4px solid #000;margin-bottom:4rem;padding:6rem 0 4rem}.lyrics-header h1{letter-spacing:-4px;text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(3rem,10vw,6rem);font-weight:1000;line-height:.85}.artist-tag{color:#000;background:var(--primary);text-transform:uppercase;padding:.2rem 1rem;font-size:1.5rem;font-weight:900;display:inline-block}.lyrics-container{grid-template-columns:2fr 1fr;gap:5rem;display:grid}.lyrics-text{font-family:var(--font-serif);color:#000;font-size:1.5rem;font-weight:500;line-height:1.8}.sidebar{height:fit-content;position:sticky;top:100px}.video-wrapper{aspect-ratio:16/9;background:#000;border:4px solid #000;border-radius:0;width:100%}.footer{color:#fff;background:#000;margin-top:6rem;padding:6rem 0}.responsive-grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(2.5rem,8vw,4rem)}.section{padding:3rem 0}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:1.5rem}.nav{text-align:left;flex-direction:row;justify-content:space-between}.logo{margin-bottom:0}.lyrics-header{margin-bottom:2rem;padding:4rem 0 2rem}.lyrics-header h1{letter-spacing:-2px;font-size:2.5rem}.artist-tag{font-size:1rem}.lyrics-container{grid-template-columns:1fr;gap:2rem}.lyrics-text{font-size:1.2rem}.footer{text-align:center;padding:3rem 0}.footer grid{grid-template-columns:1fr;gap:2.5rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/1000px 100% no-repeat;animation:1.2s cubic-bezier(.4,0,.2,1) infinite shimmer}@media (max-width:480px){.hero h1{letter-spacing:-1.5px;font-size:2.2rem}.container{padding:0 .75rem}}