body{font-family:'Segoe UI',sans-serif;margin:0;background:#f4f6f8;color:#333;}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#111;padding:15px;position:sticky;top:0;z-index:1000;}
.nav-links,.lang-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
nav a{color:white;margin:0;text-decoration:none;font-weight:600;}
.lang-switch a{padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:.95rem;}
.lang-switch a.active{background:#fff;color:#111;}
.hero{height:450px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:white;}
.hero h1{font-size:3em;background:rgba(0,0,0,0.5);padding:20px;border-radius:10px;}
.section{padding:50px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;}
.card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.card img{width:100%;height:220px;object-fit:cover;}
.card p{padding:15px;}
h2{margin-bottom:20px;}
img{max-width:100%;}
form input, form textarea{width:min(680px,100%);padding:12px 14px;margin:8px 0;border:1px solid #cfd8df;border-radius:10px;font:inherit;}
form button{padding:12px 18px;border:none;border-radius:10px;background:#111;color:#fff;font-weight:600;cursor:pointer;}
@media (max-width: 700px){
  .section{padding:28px 18px;}
  .hero{height:320px;}
  .hero h1{font-size:2rem;}
}