:root{
  --accent:#0f172a;
  --muted:#6b7280;
}
*{box-sizing:border-box;}
body{font-family: Arial, sans-serif; margin:0; color:#111827; background:#f8fafc;}
header{background:linear-gradient(90deg,#0f172a,#1f2937); color:white; padding:18px 20px;}
.container{max-width:1000px; margin:0 auto; padding:24px;}
nav{display:flex; gap:14px; align-items:center;}
nav a{color:rgba(255,255,255,0.9); text-decoration:none; font-weight:600;}
.hero{display:flex; gap:20px; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.card{background:white; border-radius:10px; padding:18px; box-shadow:0 6px 18px rgba(15,23,42,0.06);}
.services{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top:16px;}
footer{background:#f9fafb; padding:20px; margin-top:24px; color:var(--muted);}
.lang-switch{margin-left:auto; display:flex; gap:8px;}
.btn{display:inline-block; padding:10px 14px; border-radius:8px; background:var(--accent); color:white; text-decoration:none;}
.director{display:flex; gap:16px; align-items:center;}
img.director-photo{width:120px; height:120px; object-fit:cover; border-radius:8px; border:2px solid #e6e9f2;}
@media (max-width:600px){ .hero{flex-direction:column; align-items:flex-start;} nav{flex-wrap:wrap;} }