body{font-family:Arial, Helvetica, sans-serif; margin:0; background:#f9fafb; color:#0f172a;}
.container{max-width:1100px; margin:0 auto; padding:20px;}
header{background:linear-gradient(90deg,#00695c,#004c45); color:white; padding:10px 0;}
.header-inner{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.brand img{height:60px}
.nav{display:flex; gap:16px; flex-wrap:wrap;}
.nav a{color:white; text-decoration:none; font-weight:600}
.lang-switch{margin-left:auto; color:white;}
.lang-switch button{background:none; border:none; color:white; font-weight:600; cursor:pointer}
.hero{padding:40px 0; color:#00695c;}
.hero-card{background:#fff; padding:20px; border-radius:10px; box-shadow:0 6px 20px rgba(0,0,0,0.1);}
.hero h2{margin-top:0; font-size:28px}
.btn{background:#0077b6; color:white; padding:10px 16px; border-radius:8px; text-decoration:none}
.btn:hover{background:#fcd34d; color:#000}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px}
.card{background:#fff; padding:20px; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.08)}
footer{background:#021428; color:#cfe9ff; text-align:center; padding:20px; margin-top:30px}
/* Hamburger styles */
.hamburger{display:none; flex-direction:column; cursor:pointer; gap:5px;}
.hamburger span{background:white; height:3px; width:25px; border-radius:2px;}
@media(max-width:768px){
  .nav{display:none; flex-direction:column; width:100%; background:#004c45; padding:10px 0;}
  .nav.show{display:flex;}
  .hamburger{display:flex;}
  .header-inner{flex-direction:row; align-items:center;}
  .lang-switch{margin-left:10px;}
}