*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}#root,body,html{height:100%}body{align-items:center;background:linear-gradient(79deg,#aa8ffd,#925dc7 45%,#fcfcfc);color:#fff;display:flex;justify-content:center;min-height:100vh}.container{gap:3rem;max-width:1200px;padding:2rem;width:100%}.container,.nav-wrapper{align-items:center;display:flex;justify-content:space-between}.nav-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141466;border-radius:50px;left:50%;max-width:1100px;padding:.8rem 2.5rem;position:absolute;top:20px;transform:translateX(-50%);width:90%}.nav-list{display:flex;gap:2.5rem;list-style:none}.nav-item a{border-bottom:2px solid #9b6acb;color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s ease}.nav-item a:hover{color:#dbb5ff}.btn{border:none;cursor:pointer;font-weight:600;outline:none;transition:all .3s ease}.btn--register{background:#fff;border-radius:25px;color:#111;padding:.6rem 1.5rem}.btn--register:hover{opacity:.8}.btn-signin{background:linear-gradient(90deg,#a855f7,#575aff);border-radius:12px;color:#fff;font-size:.9rem;padding:.9rem;width:100%}.btn-signin:hover{opacity:.9}.auth-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#19191999;border-radius:20px;box-shadow:0 0 20px #a855f74d;flex:1 1;max-width:450px;padding:2.5rem}.auth-card-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.input{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.75rem;margin-bottom:1rem;padding:.9rem 1rem;width:100%}.input::placeholder{color:#fff9}.input:focus{border-color:#a855f7;box-shadow:0 0 10px #a855f780;outline:none}.divider{background:#fff3;border:none;height:1px;margin:1.5rem 0}.auth-card__or{color:#ffffffb3;font-size:.7rem;font-weight:400;text-align:center}.social-login{display:flex;gap:1rem;justify-content:center;margin:1rem 0 2rem}.social-icon{background:#fff;border-radius:12px;cursor:pointer;height:42px;padding:.5rem;transition:transform .3s ease;width:42px}.social-icon:hover{transform:scale(1.1)}.auth-card-signup{font-size:.8rem;font-weight:400;text-align:center}.auth-card-signup-cta{color:#d09eff;cursor:pointer;margin-left:5px;text-decoration:underline}#musicButton{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #e6d2b44d;border-radius:25px;box-shadow:0 20px 20px #e1d3ee;color:#111;cursor:pointer;font-size:.8rem;font-weight:600;max-width:280px;padding:.6rem 1.5rem;pointer-events:auto;position:absolute;right:50px;top:70px;transition:all .3s ease;z-index:10}#musicButton:hover{opacity:.8}@media (max-width:900px){.container{flex-direction:column;text-align:center}.auth-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin-top:5rem;max-width:70%}}@media (max-width:800px){#musicButton{font-size:.7rem;padding:.5rem 1.2rem}}@media (max-width:600px){.auth-card{max-width:80%}.auth-card-title{font-size:1.6rem}.input{font-size:.75rem}.auth-card__or{font-size:.7rem}.social-icon{height:38px;width:38px}.auth-card-signup{font-size:.7rem}.nav-item a{font-size:.8rem}.btn--register{font-size:.7rem;padding:.5rem 1.2rem}}@media (max-width:500px){.auth-card{max-width:97%;padding:2rem 1rem}.navlink-1{display:none}}
/*# sourceMappingURL=main.37d7f54b.css.map*/