body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #0d1b2a; color: #e0eaff; }

header { background: #112d4e; color: #e0eaff; padding: 20px; display:flex; align-items:center; justify-content:center; gap:20px; text-align:left;}

header img { height: 80px; width:auto; filter: drop-shadow(0 0 4px #00aaff); }

section { padding: 40px 20px; max-width: 900px; margin: auto; }

h2 { border-bottom: 2px solid #00aaff; padding-bottom: 10px; color: #a8d8ff; }

footer { background: #112d4e; color: #e0eaff; text-align: center; padding: 20px; margin-top: 40px; }

/* Responsive layout */
@media (max-width: 768px) {
      header { flex-direction: column; text-align:center; }
      header img { height: 60px; }
      section { padding: 20px 15px; }
    }

@media (max-width: 480px) {
      header img { height: 50px; }
      h1 { font-size: 20px !important; }
      body { font-size: 14px; }
    }