@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(to right top,#65dfc9,#6cdbeb);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:20px}.app-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;max-width:550px;min-height:400px;padding:30px;width:100%}.header{align-items:center;color:#2b3d41;display:flex;gap:10px;justify-content:center;margin-bottom:2rem;text-align:center}.header h1{font-size:2.5rem}.header .icon{font-size:2rem}.input-container{display:flex;gap:10px;margin-bottom:25px}.task-input{background-color:#ffffff80;border:none;border-radius:10px;color:#333;flex-grow:1;font-size:1rem;outline:none;padding:15px;transition:background-color .3s ease}.task-input:focus{background-color:#ffffffe6}.add-btn{background:linear-gradient(90deg,#2193b0,#6dd5ed);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:15px 20px;transition:transform .2s ease,box-shadow .2s ease}.add-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.task-list{list-style-type:none;padding:0}.task-item{align-items:center;background:#fff6;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:background-color .3s ease,transform .2s ease}.task-item:hover{background-color:#ffffffb3;transform:scale(1.02)}.task-item span{color:#1c2b2e;flex-grow:1;font-size:1.1rem}.delete-btn{background-color:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;opacity:0;padding:8px 12px;transition:opacity .3s ease,background-color .2s ease}.task-item:hover .delete-btn{opacity:1}.delete-btn:hover{background-color:#ff4757}.background-animations{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.background-animations li{animation:animate 25s linear infinite;background:#fff6;border-radius:50%;bottom:-150px;box-shadow:0 0 15px #ffffffb3;display:block;height:20px;list-style:none;position:absolute;width:20px}.background-animations li:first-child{animation-delay:0s;background:#ff6b6b99;height:80px;left:25%;width:80px}.background-animations li:nth-child(2){animation-delay:2s;animation-duration:12s;background:#fc09;height:30px;left:10%;width:30px}.background-animations li:nth-child(3){animation-delay:4s;animation-duration:18s;background:#6bc6ff99;height:40px;left:70%;width:40px}.background-animations li:nth-child(4){animation-delay:0s;animation-duration:20s;background:#8e44ad99;height:90px;left:40%;width:90px}.background-animations li:nth-child(5){animation-delay:0s;animation-duration:10s;background:#e67e2299;height:25px;left:65%;width:25px}.background-animations li:nth-child(6){animation-delay:3s;animation-duration:25s;background:#2ecc7199;height:120px;left:75%;width:120px}.background-animations li:nth-child(7){animation-delay:7s;animation-duration:30s;background:#f1c40f99;height:160px;left:35%;width:160px}.background-animations li:nth-child(8){animation-delay:15s;animation-duration:45s;background:#9b59b699;height:50px;left:50%;width:50px}.background-animations li:nth-child(9){animation-delay:2s;animation-duration:35s;background:#1abc9c99;height:25px;left:20%;width:25px}.background-animations li:nth-child(10){animation-delay:11s;animation-duration:22s;background:#3498db99;height:100px;left:85%;width:100px}@keyframes animate{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(-1000px) rotate(2turn) scale(1.5)}}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;max-width:400px;padding:30px;text-align:center;width:100%}.auth-form h2{color:#2b3d41;margin-bottom:1.5rem}.auth-form input{background:#ffffff80;font-size:1rem;margin-bottom:1rem}.auth-form button,.auth-form input{border:none;border-radius:10px;padding:15px;width:100%}.auth-form button{background:linear-gradient(90deg,#2193b0,#6dd5ed);color:#fff;cursor:pointer;font-size:1.1rem}.auth-form p{color:#333;margin-top:1rem}.logout-btn{background:#ff6b6bcc;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:10px 15px;position:absolute;right:20px;top:20px}
/*# sourceMappingURL=main.d54f9e18.css.map*/