body {
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			background-color: #f9f3f3;
			color: #333;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			min-height: 100vh;
		}

		header {
			background-color: #9c6644;
			color: white;
			text-align: center;
			padding: 2rem 0;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		}

		h1 {
			font-size: 2.8rem;
			margin: 0;
			padding: 0;
		}

		.subtitle {
			font-size: 1.4rem;
			margin-top: 0.5rem;
			font-style: italic;
		}

		.container {
			max-width: 500px;
			margin: 0 auto;
			padding: 2rem;
			flex-grow: 1;
		}

		.register-form {
			background-color: white;
			border-radius: 10px;
			box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
			padding: 2rem;
			margin-top: 2rem;
		}

		h2 {
			font-size: 2rem;
			color: #9c6644;
			margin-top: 0;
			text-align: center;
		}

		.form-group {
			margin-bottom: 1.5rem;
		}

		label {
			display: block;
			font-size: 1.1rem;
			margin-bottom: 0.5rem;
			color: #444;
		}

		input[type="text"],
		input[type="password"],
		input[type="email"] {
			width: 100%;
			padding: 0.8rem;
			font-size: 1rem;
			border: 1px solid #ddd;
			border-radius: 4px;
			box-sizing: border-box;
		}

		.error-message {
			color: #e74c3c;
			font-size: 0.9rem;
			margin-top: 0.5rem;
			display: none;
		}

		.register-button {
			background-color: #9c6644;
			color: white;
			font-size: 1.2rem;
			padding: 0.8rem 1.5rem;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			width: 100%;
			transition: background-color 0.3s ease;
		}

		.register-button:hover {
			background-color: #7d5035;
		}

		.login-link {
			text-align: center;
			margin-top: 1.5rem;
			font-size: 1rem;
		}

		.login-link a {
			color: #9c6644;
			text-decoration: none;
		}

		.login-link a:hover {
			text-decoration: underline;
		}

		footer {
			background-color: #9c6644;
			color: white;
			text-align: center;
			padding: 1.5rem 0;
			margin-top: auto;
		}

		.footer-text {
			font-size: 1.2rem;
		}

		@media (max-width: 768px) {
			h1 {
				font-size: 2.2rem;
			}

			.subtitle {
				font-size: 1.2rem;
			}

			h2 {
				font-size: 1.8rem;
			}

			.container {
				padding: 1rem;
			}

			.register-form {
				padding: 1.5rem;
			}
		}