body {font-family: Arial, sans-serif;margin:0;padding:0;color:#333;background:#f9f9f9;}
header {display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#004080;color:#fff;}
nav ul {list-style:none;display:flex;gap:1rem;}
nav a {color:#fff;text-decoration:none;font-weight:bold;}
.hero {text-align:center;padding:1rem;color:#0073e6;background:#0073e6;background-image: url('images/logo.png');background-repeat: no-repeat;}
.hero .cta {display:inline-block;margin-top:1rem;padding:0.8rem 1.2rem;background:#ff6600;color:#fff;text-decoration:none;border-radius:5px;transition:transform 0.3s ease, box-shadow 0.3s ease;}
.hero .cta:hover {transform:scale(1.05);box-shadow:0 0 15px rgba(255,102,0,0.6);}
.content {display:flex;gap:2rem;padding:2rem;}
.main-left {flex:3;}
.sidebar {flex:1;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.intro-images .image-grid {display:flex;justify-content:center;gap:1rem;padding:2rem;}
.intro-images img {max-width:100%;border-radius:8px;}
section {padding:2rem;text-align:left;}
section ul {max-width:800px;margin:0 auto;}
form {display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto;}
input,textarea,button {padding:0.5rem;font-size:1rem;}
button {background:#004080;color:#fff;border:none;cursor:pointer;}
footer {text-align:center;padding:1rem;background:#004080;color:#fff;margin-top:2rem;}
@media(max-width:768px){.content{flex-direction:column;}.intro-images .image-grid{flex-direction:column;align-items:center;}nav ul{flex-direction:column;}}