body {
  background: #f9f9f9;
  color: #333;
}

/* HERO */
.hero {
  background: linear-gradient(135deg, #4facfe, #00f2fe);
  color: white;
  text-align: center;
  padding: 100px 20px;
}
.hero h1{
	font-size: 48px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.hero p{
	font-size:18px;
	margin-bottom: 30px;
	opacity: 0.9;
}

/* BUTTON */
.btn.primary {
  background: #007bff;
  color: white;
  border-radius: 5px;
}
.btn.primary:hover{
	background:#0056b3;
}

/* CARD */
.card {
  background: white;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.01);
}

.form input:focus,
.form textarea:focus{
	outline:none;
	border-color:#007bff;
}