body {font-family: Arial, Helvetica, sans-serif; margin:0; color:#102a43}
.container {max-width:1100px; margin:0 auto; padding:20px}
.header {background:#fff; border-bottom:1px solid #e6edf3; position:sticky; top:0; padding:12px 0}
.nav {display:flex; justify-content:space-between; align-items:center}
.nav a {margin-left:12px; color:#0c7cd5; text-decoration:none; font-weight:600}
.lang-toggle a {margin-left:8px; color:#0c7cd5; text-decoration:none; font-weight:700}
.hero {display:flex; gap:24px; align-items:center; padding:40px 0}
.card {border:1px solid #e6edf3; padding:16px; border-radius:8px; background:#fff}
.footer {background:#0b1d2a; color:#cfe3f0; padding:20px; margin-top:24px}
img {max-width:100%; height:auto; border-radius:8px}
.button {background:#0c7cd5; color:#fff; padding:10px 14px; border-radius:8px; text-decoration:none}
.grid {display:grid; gap:20px}
.grid-3 {grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}}