@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-dark:#050505;--bg-accent:#0f0f0f;--primary:#ffb7c5;--primary-glow:#ffb7c566;--secondary:#ffdae0;--text-main:#fff;--text-muted:#a1a1aa;--glass-bg:#ffffff0d;--glass-border:#ffb7c533}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3{font-family:Playfair Display,serif}.app-container{background:radial-gradient(circle at 50% -20%,#1a0f12 0%,#050505 80%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;width:90%;max-width:500px;padding:2.5rem;box-shadow:0 8px 32px #0000005e}.glow-text{text-shadow:0 0 20px var(--primary-glow)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #ff4d6d 100%);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:50px;padding:.8rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.section-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.float-anim{animation:5s ease-in-out infinite float}.lyrics-container::-webkit-scrollbar{width:0;display:none}.lyrics-container{-ms-overflow-style:none;scrollbar-width:none}.lyrics-container::-webkit-scrollbar-track{background:0 0}.lyrics-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.lyrics-container::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}.section-bg{filter:blur(8px);z-index:0;opacity:.4;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.section-overlay{z-index:1;background:#00000080;position:absolute;inset:0}.loading-screen{background:var(--bg-dark);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.smiley{width:8em;height:8em}.smiley__eye1,.smiley__eye2,.smiley__mouth1,.smiley__mouth2{animation:3s ease-in-out infinite eye1}.smiley__eye1,.smiley__eye2{transform-origin:64px 64px}.smiley__eye2{animation-name:eye2}.smiley__mouth1{animation-name:mouth1}.smiley__mouth2{visibility:hidden;animation-name:mouth2}@keyframes eye1{0%{transform:rotate(-260deg)translateY(-56px)}50%,60%{animation-timing-function:cubic-bezier(.17,0,.58,1);transform:rotate(-40deg)translateY(-56px)scale(1)}to{transform:rotate(225deg)translateY(-56px)scale(.35)}}@keyframes eye2{0%{transform:rotate(-260deg)translateY(-56px)}50%{transform:rotate(40deg)translateY(-56px)rotate(-40deg)scale(1)}52.5%{transform:rotate(40deg)translateY(-56px)rotate(-40deg)scaleY(0)}55%,70%{animation-timing-function:cubic-bezier(0,0,.28,1);transform:rotate(40deg)translateY(-56px)rotate(-40deg)scale(1)}to{transform:rotate(150deg)translateY(-56px)scale(.4)}}@keyframes mouth1{0%{stroke-dasharray:0 351.86;stroke-dashoffset:0;animation-timing-function:ease-in}25%{stroke-dasharray:175.93 351.86;stroke-dashoffset:0;animation-timing-function:ease-out}50%{stroke-dasharray:175.93 351.86;stroke-dashoffset:-175.93px;visibility:visible;animation-timing-function:step-start}75%,to{visibility:hidden}}@keyframes mouth2{0%{visibility:hidden;animation-timing-function:step-end}50%{visibility:visible;stroke-dashoffset:0;animation-timing-function:ease-in-out}to{stroke-dashoffset:-351.86px}}@media (width<=600px){.glass-card{width:95%;max-width:100%;padding:1.5rem}h1{font-size:2rem!important}.panel-card h2{font-size:1.4rem!important}}.decor-circle{filter:blur(40px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}main{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=600px){.glass-card{width:95%;padding:1.5rem}h1{font-size:2rem!important}}