body { 
	font-family: 'Inter', 'Nunito', Arial, sans-serif; 
	margin: 0; 
	background: #f8f9fa; 
	color: #333; 
	line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

header, footer {
    background: #0066cc;
    color: white;
    padding: 20px 0;
    text-align: center;
}
		
.hero { 
	text-align: center; 
	padding: 120px 20px; 
	background: linear-gradient(to bottom, #e3f2fd, #bbdefb); 
}

.hero h1 { 
	font-size: 3rem;
	margin-bottom: 20px;
	color: #0066cc;
}

.btn { 
	display: inline-block; 
	padding: 15px 35px; 
	margin: 10px; 
	background: #0066cc; 
	color: white; 
	text-decoration: none; 
	border-radius: 8px; 
	font-weight: bold; 
	transition: background 0.3s;
}

.btn:hover {
	background: #0052a3;
}

.btn-secondary {
	background: #555;
}

/* Add more as needed */