body { margin: 0; font-family: Arial, sans-serif; color: #0A142F; }
header { background: #45A1FF; padding: 20px; display: flex; align-items: center;}
header .logo { height: 40px; margin-right: 20px; }
header nav a { margin-right: 15px; color: #fff; text-decoration: none; }
.hero { text-align: center; padding: 80px 20px; background: #0A142F; color: #fff; }
.hero h1 { font-size: 2.5em; margin-bottom: 0.5em; }
.hero p { font-size: 1.2em; max-width: 600px; margin: auto; }
.btn { display: inline-block; padding: 12px 24px; background: #45A1FF; color: #fff; text-decoration: none; font-weight: bold; border-radius: 6px; }
.content { padding: 60px 20px; max-width: 800px; margin: auto; }
footer { text-align: center; padding: 20px; background: #f5f5f5; }