dy {
	  margin: 0;
	    font-family: sans-serif;
	      background: #111;
	        color: #eee;
		  display: flex;
		    justify-content: center;
		      align-items: center;
		        height: 100vh;
		}

		.chat-container {
			  width: 400px;
			    height: 600px;
			      background: #1a1a1a;
			        display: flex;
				  flex-direction: column;
				    border-radius: 8px;
				      overflow: hidden;
			      }

			      #chat {
				        flex: 1;
					  padding: 10px;
					    overflow-y: auto;
				    }

				    .message {
					      margin-bottom: 10px;
				      }

				      .user {
					        color: #4fc3f7;
					}

					.ai {
						  color: #a5d6a7;
					  }

					  form {
						    display: flex;
						      border-top: 1px solid #333;
					      }

					      input {
						        flex: 1;
							  padding: 10px;
							    border: none;
							      outline: none;
							        background: #222;
								  color: #eee;
							  }

							  button {
								    padding: 10px;
								      background: #333;
								        color: #eee;
									  border: none;
									    cursor: pointer;
								    }