body {
			background: linear-gradient(135deg, #d6dbee, #76819c);
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.container {
			max-width: 400px;
			background: white;
			padding: 2rem;
			border-radius: 10px;
			box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
		}

		.hidden {
			display: none;
		}

		.fade-in {
			animation: fadeIn 0.5s ease-in-out;
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Estilos para el popup */
		.toast {
			position: fixed;
			top: 20px;
			right: 20px;
			z-index: 1050;
		}