@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg:#09090b;--surface:#18181b;--primary:#a855f7;--secondary:#f472b6;--accent:#22d3ee;--text:#fafafa;--muted:#a1a1aa;--gradient-primary:linear-gradient(135deg, #a855f7, #f472b6);--gradient-hero:linear-gradient(135deg, #a855f7, #22d3ee);--glow-purple:0 0 30px #a855f766;--glow-pink:0 0 30px #f472b666;--glass:#ffffff0a;--font-logo:"Audiowide", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:auto;padding:0}body{background-color:var(--bg)}.line{background:linear-gradient(to right, transparent, var(--primary), transparent);border:none;height:1px;margin-top:1rem;margin-bottom:1rem}.footer{background-color:var(--surface);justify-content:space-between;align-items:center;width:100%;height:3rem;margin:2rem auto auto;display:flex}.footer-list{font-family:var(--font-body);color:var(--text);align-items:center;gap:1rem;margin-left:1rem;text-decoration:none;list-style:none;display:flex}.footer-l a{color:var(--text);gap:5px;margin-left:auto;margin-right:3rem;text-decoration:none}.footer-l a:hover{color:var(--accent)}.footer-n{color:var(--text);gap:5px;margin-left:auto;margin-right:3rem;text-decoration:none}.footer-n:hover{color:var(--accent)}.footer-para{color:var(--text);font-family:var(--font-body);text-align:center}.git{color:var(--text);font-family:var(--font-body);text-align:center;-webkit-background-clip:text;background-clip:text;border-radius:50px;gap:5px;margin:0;padding:0}.git a{color:var(--primary);gap:5px;margin-left:auto;margin-right:3rem;text-decoration:none}.navbar{background-color:var(--surface);border-radius:50px;justify-content:space-between;align-items:center;width:50%;height:3rem;margin:2rem auto auto;display:flex}.logo{color:var(--text);font-family:var(--font-logo);cursor:pointer;font-size:1rem;text-decoration:none}.logo:hover{color:var(--primary)}.nav-auth{background-color:var(--secondary);color:var(--text);font-family:var(--font-body);border-radius:50px;padding:.5rem 1rem;font-weight:500;text-decoration:none}.nav-auth:hover{background-color:var(--gradient-primary);box-shadow:var(--glow-pink)}.hero{min-height:100vh;position:relative;overflow:hidden}.hero-content{text-align:center;color:var(--text);margin:0;padding:0;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero-title{font-size:4rem;font-family:var(--font-logo);text-align:center;background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding:0}.hero-title-02{font-size:4rem;font-family:var(--font-logo);text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding:0}.hero-btn{font-size:1.5rem;font-family:var(--font-body);background:var(--gradient-primary);color:var(--text);cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;transition:all .3s ease-in-out;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.headphone{width:100px;animation:6s ease-in-out infinite float;position:absolute;top:20%;right:10%}.headphone-02{width:100px;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:10%}.music{width:100px;animation:4s ease-in-out infinite float;position:absolute;top:10%;left:5%}.music-02{width:100px;animation:4s ease-in-out infinite float;position:absolute;top:70%;right:10%}@keyframes float{0%,to{transform:translateY(10px)}50%{transform:translateY(-20px)}}.features{text-align:center;flex-direction:column;align-items:center;width:50%;margin:auto;padding:0;display:flex}.features-title{font-size:3rem;font-family:var(--font-heading);text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding:0}.feature-card{background-color:var(--glass);border-top:1px solid var(--accent);border-left:7px solid var(--accent);border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);border-radius:50px;flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem 0 0;padding:2rem;display:flex}.feature-title{font-family:var(--font-heading);color:var(--accent);margin:0;padding:0;font-size:1.5rem}.feature-description{font-family:var(--font-body);color:var(--muted);margin:0;padding:0;font-size:1rem}.feature-card:hover{box-shadow:var(--glow-purple);cursor:pointer;transition:box-shadow .3s ease-in-out;transform:translateY(-10px)}.about{text-align:center;flex-direction:column;align-items:center;width:50%;margin:auto;padding:0;display:flex}.about-title{font-size:3rem;font-family:var(--font-heading);text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:30px;padding:0}.about-para{font-size:1rem;font-family:var(--font-body);text-align:center;color:var(--text);-webkit-background-clip:text;background-clip:text;background-color:var(--glass);border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);border-left:7px solid var(--accent);border-right:1px solid var(--accent);border-radius:50px;height:10rem;margin:2rem 0;padding:2rem}.about-para:hover{box-shadow:var(--glow-purple);transition:box-shadow .3s ease-in-out;transform:translateY(-10px)}.signup{background-color:var(--gradient-hero);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.signup-title{font-size:3rem;font-family:var(--font-heading);text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:0}.signup-description{font-size:1rem;font-family:var(--font-body);text-align:center;color:var(--text);-webkit-background-clip:text;background-clip:text;border-radius:50px;margin-top:10px;padding:0}.signbtn{width:300px;height:40px;font-size:1rem;font-family:var(--font-body);background-color:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:50px;padding:.5rem}.signbtn:hover{background-color:var(--secondary)}.signup-para{font-size:1rem;font-family:var(--font-body);text-align:center;color:var(--text);-webkit-background-clip:text;background-clip:text;border-radius:50px;margin-top:10px;padding:0}.signup-para a{color:var(--primary);text-decoration:none}.login{background-color:var(--gradient-hero);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.login-title{font-size:3rem;font-family:var(--font-heading);text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:0}.login-description{font-size:1rem;font-family:var(--font-body);text-align:center;color:var(--text);-webkit-background-clip:text;background-clip:text;border-radius:50px;margin-top:10px;padding:0}.input{background-color:var(--surface);border-radius:50px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:400px;height:500px;margin-top:2rem;padding:1rem;display:flex}.input input{width:300px;height:40px;font-size:1rem;font-family:var(--font-body);background-color:var(--surface);color:var(--text);border:none;border-radius:50px;padding:.5rem}.login-btn{width:300px;height:40px;font-size:1rem;font-family:var(--font-body);background-color:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:50px;padding:.5rem}.login-btn:hover{background-color:var(--secondary)}.login-para{font-size:1rem;font-family:var(--font-body);text-align:center;color:var(--text);-webkit-background-clip:text;background-clip:text;border-radius:50px;margin-top:10px;padding:0}.login-para a{color:var(--primary);text-decoration:none}.dashboard{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;margin:auto;padding:40px 20px;display:flex}.dashboard-content{z-index:1;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:600px;margin-top:80px;display:flex}.dashboard-title h1{font-size:3rem;font-family:var(--font-heading);text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;padding:0}.dashboard-title p{font-size:1rem;font-family:var(--font-body);text-align:center;color:var(--text);margin:10px;padding:0}.dropdown{box-sizing:border-box;flex-direction:column;width:250px;margin:0;display:flex;position:relative}.dropdown-btn{background:var(--surface);width:100%;color:var(--text);cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font-body);border:none;border-radius:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;display:flex}.dropdown-menu{background:var(--surface);z-index:100;box-sizing:border-box;scrollbar-gutter:stable both-edges;border-radius:12px;width:100%;max-height:200px;margin-top:8px;display:block;position:relative;overflow-y:auto;position:static!important}.dropdown-item{cursor:pointer;color:var(--text);font-family:var(--font-body), sans-serif;text-align:center;padding:12px 16px;transition:all .2s}.dropdown-item:hover{color:var(--accent);background:#ffffff14}.wave{color:#fff;z-index:0;pointer-events:none;width:350px;height:350px;position:absolute;top:40%;left:0}.btn-generate{background-color:var(--primary);color:#fff;text-align:center;cursor:pointer;z-index:2;border:none;border-radius:9999px;margin-top:8px;padding:15px 32px;font-size:16px;text-decoration:none;transition:transform .2s ease-in-out,background-color .2s,box-shadow .2s;display:inline-block}.btn-generate:hover{background-color:var(--glass);box-shadow:var(--glow-purple)}.error{color:"#ff4a4a";margin-top:"12px";font-family:"var(--font-body)"}.player{margin-top:"16px";color:"var(--text)";font-family:"var(--font-body)"}.song-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--glass);width:320px;color:var(--text);font-family:var(--font-body);border:1px solid #fff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;margin-top:50px;padding:20px;display:flex}.song-icon{font-size:3rem}.song-card h2{margin:0}.song-card p{opacity:.8;margin:0}.listen-btn{cursor:pointer;background-color:var(--accent);border-radius:10px;margin-top:10px;padding:10px 20px}.dash-nav{background-color:var(--surface);border-radius:50px;justify-content:space-between;align-items:center;width:50%;height:3rem;margin:.2rem 2px 2px;display:flex}.dash-logo{color:var(--text);font-family:var(--font-logo);cursor:pointer;font-size:2rem;text-decoration:none}.dash-logo:hover{color:var(--primary)}.nav-links{font-family:var(--font-body);align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-items{color:var(--text);border-radius:50px;padding:.5rem 1rem;text-decoration:none;position:relative}.nav-items:hover{background-color:var(--gradient-primary);box-shadow:var(--glow-pink)}.nav-input{background-color:var(--secondary);cursor:pointer;z-index:2;color:#fff;text-align:center;width:150px;height:30px;font-family:var(--font-body);border:2px solid #fff;border-radius:50px;margin:0;padding:0;transition:opacity .25s;display:flex;position:relative}.soft-aurora-container{width:100%;height:100%}.playlist-container{flex-direction:column;align-items:center;margin-top:20px;display:flex}.playlist-container h1{background-color:var(--primary);-webkit-text-fill-color:transparent;color:var(--text);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:24px}.profile{background-color:var(--glass);height:300px;color:var(--text);font-family:var(--font-body);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:250px;padding:0;display:flex}.profile-icon{border-radius:50%;width:100px;height:100px;margin-bottom:1rem}.profile h2{background-color:var(--primary);-webkit-text-fill-color:transparent;color:var(--text);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.profile p{margin-bottom:2rem;font-size:1.2rem}