*{margin:0;padding:0;box-sizing:border-box;font-family:'Cairo',sans-serif}
body{background:#fff;color:#1c1c1c}
.container{width:90%;max-width:1200px;margin:auto}
.header{background:#0F3D2E;padding:15px 0}
.header .container{display:flex;justify-content:space-between;align-items:center}
.logo{color:#C8A951;font-size:24px;font-weight:700}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.lang{color:#C8A951}
.hero{height:85vh;background:url("../images/hero.jpg") center/cover no-repeat;position:relative}
.hero .overlay{background:rgba(0,0,0,.6);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}
.hero h1{font-size:56px}
.hero p{font-size:22px;margin-top:10px}
.section{padding:60px 0}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border-radius:14px;padding:30px;box-shadow:0 10px 25px rgba(0,0,0,.08);text-align:center}
.footer{background:#1c1c1c;color:#fff;text-align:center;padding:15px}
@media(max-width:768px){.grid-3{grid-template-columns:1fr}.hero h1{font-size:40px}}