.signup-container{max-width:400px;margin:auto;padding:20px;background:#ffdde1;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center}.signup-title{font-size:24px;font-weight:700;color:#333}.input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.signup-btn{background:#ff758c;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:16px;border-radius:5px}.signup-btn:hover{background:#ff546b}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#ffdde1,#ee9ca7);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.container{width:90%;max-width:500px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 8px 16px #00000026;text-align:center}.title{font-size:26px;font-weight:700;color:#ff6b81;margin-bottom:15px;text-shadow:2px 2px 5px rgba(0,0,0,.1)}.task-group{background:#fff5f5;padding:15px;border-radius:12px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a}.task-title{font-size:18px;font-weight:700;color:#ff4757;margin-bottom:10px}.task-input-container{display:flex;align-items:center;gap:8px;margin-bottom:10px}.task-input{flex:1;padding:10px;border:2px solid #ff6b81;border-radius:8px;font-size:16px;outline:none;transition:.3s ease-in-out}.task-input:focus{border-color:#ff4757;background:#fff0f3}.task-item{display:flex;align-items:center;justify-content:space-between;background:#fdd8da;padding:8px 12px;border-radius:10px;margin-bottom:8px;transition:.3s ease-in-out}.task-text{flex:1;border:none;background:transparent;font-size:16px;outline:none}.task-text.completed{text-decoration:line-through;color:#8f2dc0}.btn{cursor:pointer;padding:6px 10px;border:none;border-radius:8px;font-size:14px;transition:.3s ease-in-out}.add{background:#f8697e;color:#fff}.add:hover{background:#e8414c}.complete{background:#2ed573;color:#fff}.complete:hover{background:#1e9c55}.delete{background:#dd4653;color:#fff}.delete:hover{background:#9d190a}body{font-family:Arial,sans-serif;background:#f0f2f5;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}#root{width:100%;max-width:800px}