body {
	font-family: 'Inter', Arial, sans-serif;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	background-color: #101010;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}
header {
	background-color: #1e1e1e;
	color: #00c2ff;
	padding: 20px 0;
	text-align: center;
	width: 60%;
	margin: 30px auto;
	border-radius: 35px;
	box-shadow: 0 4px 12px rgba(0, 194, 255, 0.2);
}
h1, h2 {
	margin: 0 0 10px;
}

h2 {
	color: #00c2ff;
}
p {
	padding: 0 0 10px;
	margin: 0;
	word-wrap: break-word;
	color: #bbbbbb;
}
.column-wrapper {
	display: flex; 
	flex-wrap: wrap;
	gap: 20px; 
	justify-content: center;
	padding: 20px;
}
.column {
	display: flex; 
	flex-direction: column;
	gap: 20px;
	width: 45%; 
	min-width: 300px;
}
.container {
	background-color: #2a2a2a;
	border-radius: 35px;
	padding: 20px;	
	transition: transform 0.2s, box-shadow 0.2s;
}
.container:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,194,255,0.3);
}
.flex-column {
	flex-direction: column;
}
.text-pad {
	padding-left: 10px;
}
.container:last-child {

  color: #ffffff;
  font-weight: 600;
}
.container {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.8s ease forwards;
}
.container:nth-child(1) { animation-delay: 0.2s; }
.container:nth-child(2) { animation-delay: 0.5s; }
.container:nth-child(3) { animation-delay: 0.8s; }
.container:nth-child(4) { animation-delay: 1.2s; }

@keyframes fadeInUp {
  to {
	opacity: 1;
	transform: translateY(0);
  }
}

button[type="submit"] {
	background-color: #00c2ff;
	color: #101010;
	border: none;
	border-radius: 8px;
	padding: 10px 20px;
	cursor: pointer;
	font-weight: 600;
	font-size: 1rem;
	transition: background-color 0.2s ease-in-out;
}
button[type="submit"]:hover {
	background-color: #00ffff;
}
form {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 15px;
}

input[type="email"],
textarea {
	background-color: #1e1e1e;
	color: #ffffff;
	border: 1px solid #00c2ff;
	border-radius: 8px;
	padding: 10px;
	font-size: 1rem;
	resize: vertical;
	transition: border 0.2s ease-in-out;
}

input[type="email"]:focus,
textarea:focus {
	border: 1px solid #00ffff;
	outline: none;
}
