body{background-color:#000;color:#fff;font-family:Lato,sans-serif;font-weight:400;line-height:1.6;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem;text-align:center}p{font-family:Lato,sans-serif;font-size:1rem;font-weight:400;line-height:1.8}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background:linear-gradient(0deg,#000,#222);box-shadow:0 0 10px #0f86;display:flex;height:70px;justify-content:space-between;padding:0 2rem;position:relative;z-index:9999}.nav-logo{color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .3s ease,text-shadow .3s ease}.nav-logo:hover{color:#fff;text-shadow:0 0 5px #fff}.nav-links{align-items:center;display:flex;gap:1rem;list-style:none}.nav-links,.nav-links li{margin:0;padding:0}.nav-links a{color:#aaa;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.05em;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s,text-shadow .3s}.nav-links a:hover{color:#0f8;text-shadow:0 0 5px #0f8}.page-content{flex:1 1;padding:2rem}.page{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.music-form{display:flex;flex-direction:column;gap:1rem}.form-label{font-family:Rajdhani,sans-serif;font-size:1rem;letter-spacing:.05em;margin-bottom:.3rem;margin-top:1rem;text-transform:uppercase}.music-form input[type=email],.music-form input[type=number],.music-form input[type=password],.music-form input[type=text],.music-form select{background-color:#111;border:1px solid #555;border-radius:4px;color:#fff;font-family:Lato,sans-serif;padding:.5rem}.music-form input::placeholder{color:#777;font-style:italic}.submit-button{background:#0000;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.1em;padding:.75rem 1.25rem;text-transform:uppercase;transition:.3s}.submit-button:hover{background-color:#0f8;border:2px solid #0f8;color:#000}.custom-dropzone,.dropzone{border:2px dashed #fff;border-radius:6px;cursor:pointer;margin-bottom:1rem;padding:2rem;text-align:center;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.custom-dropzone:hover,.dropzone:hover{background-color:#ffffff1a}.custom-dropzone--active,.dropzone--active{background-color:#00ff881a;border-color:#0f8}.custom-dropzone p,.dropzone p{font-family:Lato,sans-serif;font-size:1rem;margin:0}.custom-dropzone .dropzone-hint,.dropzone-hint{color:#aaa;font-size:.9rem;margin-top:.5rem}.loading{font-family:Lato,sans-serif;font-size:1.2rem;text-align:center}.button-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.dropdown-form{max-height:0;max-width:400px;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out;width:100%}.dropdown-form.open{max-height:1000px;opacity:1}.logout-button{background:#0000;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1rem;letter-spacing:.1em;padding:.5rem;text-transform:uppercase;transition:.3s}.login-page{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.nav-toggle{cursor:pointer;display:none}.nav-toggle span{background-color:#76f9bc;display:block;height:3px;margin:4px 0;transition:.4s;width:25px}@media (max-width:768px){.nav-toggle{display:block}.nav-links{background:linear-gradient(135deg,#111,#222);box-shadow:0 0 10px #0f86;display:none;flex-direction:column;padding:1rem;position:absolute;right:0;top:70px;width:200px;z-index:9999}.nav-links.open{display:flex}.navbar{padding:0 1rem}}
/*# sourceMappingURL=main.23d3d2dd.css.map*/