*{margin:0;padding:0;box-sizing:border-box}
:root{--blue:#071b48;--blue2:#0b2c75;--gold:#c89552;--gold-light:#d9902f;--sand:#f8f3ec;--text:#000000;--text-light:#000000;--white:#ffffff;--dark:#12100d}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--sand);color:var(--text);line-height:1.6}
a{color:var(--blue2);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--gold)}
.container{width:90%;max-width:1200px;margin:auto;padding:0 15px}

/* Header */
.header{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.08);position:sticky;top:0;z-index:99}
.navbar{height:80px;display:flex;align-items:center;justify-content:space-between}
.logo img{height:60px;max-width:250px;object-fit:contain}
nav a{color:var(--blue2);font-weight:700;text-transform:uppercase;font-size:13px;margin-left:20px;letter-spacing:0.5px}
nav a:hover{color:var(--gold)}

/* Hero */
.hero{min-height:700px;background:linear-gradient(rgba(4,20,50,.5),rgba(4,20,50,.5)),url('images/Merzouga.png') center/cover;display:flex;align-items:center;text-align:center;color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;bottom:-80px;left:-5%;width:110%;height:180px;background:var(--sand);border-radius:50% 50% 0 0}
.hero .container{position:relative;z-index:2}
.hero h1{font-family:Georgia,serif;font-size:58px;text-transform:uppercase;text-shadow:2px 4px 10px rgba(0,0,0,0.5);margin-bottom:20px}
.hero p{font-size:20px;max-width:800px;margin:0 auto 30px;line-height:1.8}

/* Buttons */
.btn{display:inline-block;background:var(--blue2);color:#fff;padding:14px 32px;border-radius:40px;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,0.15);transition:all 0.3s ease;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;border:none;cursor:pointer}
.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-light))}
.btn.white{background:#fff;color:var(--blue2)}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.2)}

/* Sections */
.section{padding:80px 0}
.section.center{text-align:center}
.title{font-family:Georgia,serif;font-size:40px;color:var(--blue2);margin-bottom:15px;line-height:1.2}
.subtitle{max-width:800px;margin:0 auto 40px;color:var(--text-light);font-size:18px;line-height:1.7}

/* Grid */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}

/* Cards */
.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:all 0.3s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}
.card img{width:100%;height:220px;object-fit:cover;transition:transform 0.5s ease}
.card:hover img{transform:scale(1.1)}
.card .pad{padding:24px}
.card h3{font-size:22px;color:var(--blue2);margin-bottom:10px}
.card p{color:var(--text-light);font-size:15px;line-height:1.6}

/* Dark Section */
.dark{background:var(--blue);color:#fff;padding:80px 0}
.dark .title{color:#fff}
.dark .subtitle{color:rgba(255,255,255,0.8)}
.feature{background:rgba(255,255,255,0.08);padding:30px;border-radius:18px;text-align:center;transition:all 0.3s ease}
.feature:hover{background:rgba(255,255,255,0.12);transform:translateY(-5px)}
.feature span{font-size:40px;display:block;margin-bottom:12px}
.feature h3{color:var(--gold-light);margin:10px 0;font-size:18px}
.feature p{color:rgba(255,255,255,0.8);font-size:14px}

/* Page Hero */
.page-hero{background:linear-gradient(rgba(4,20,50,.6),rgba(4,20,50,.6)),url('images/camp.svg') center/cover;min-height:350px;display:flex;align-items:center;text-align:center;color:#fff}
.page-hero h1{font-family:Georgia,serif;font-size:48px;text-transform:uppercase;margin-bottom:10px}
.page-hero p{font-size:18px;opacity:0.9}

/* Two Column */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.two-col img{width:100%;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.12)}

/* List */
.list{margin-top:20px;padding-left:0;list-style:none}
.list li{margin:10px 0;padding-left:25px;position:relative;color:var(--text-light)}
.list li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:bold}

/* Gallery */
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease}
.gallery img:hover{transform:scale(1.02)}
.gallery img:first-child{height:460px;grid-row:span 2}

/* CTA */
.cta{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;border-radius:30px;padding:60px 40px;text-align:center;box-shadow:0 15px 40px rgba(0,0,0,0.2)}
.cta h2{font-family:Georgia,serif;font-size:38px;margin-bottom:15px}
.cta p{font-size:16px;opacity:0.9;max-width:600px;margin:0 auto 25px}

/* Form */
.form input,.form textarea,.form select{width:100%;padding:14px 18px;margin-bottom:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:15px;transition:border-color 0.3s ease;font-family:inherit}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--gold)}
.form textarea{height:150px;resize:vertical}
.form button{border:0;width:auto}

/* Footer */
.footer{background:var(--blue);color:#fff;padding:60px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.footer img{height:65px;background:#fff;border-radius:10px;padding:8px;margin-bottom:15px}
.footer h3{color:var(--gold-light);margin-bottom:15px;font-size:18px}
.footer p{margin:8px 0;color:rgba(255,255,255,0.8);font-size:14px;line-height:1.6}
.footer a{color:rgba(255,255,255,0.8);transition:color 0.3s ease}
.footer a:hover{color:var(--gold-light)}
.copy{text-align:center;border-top:1px solid rgba(255,255,255,0.15);margin-top:30px;padding-top:20px;color:rgba(255,255,255,0.6);font-size:13px}

/* WhatsApp Button */
.whatsapp{position:fixed;right:25px;bottom:25px;background:#25D366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 25px rgba(37,211,102,0.3);z-index:100;transition:all 0.3s ease;text-decoration:none}
.whatsapp:hover{transform:scale(1.1);box-shadow:0 12px 30px rgba(37,211,102,0.4)}

/* Responsive */
@media(max-width:900px){
  .navbar{height:auto;flex-direction:column;padding:15px 0}
  nav{text-align:center;margin-top:10px}
  nav a{display:inline-block;margin:6px 8px;font-size:12px}
  .hero h1{font-size:38px}
  .hero p{font-size:16px}
  .grid-3,.grid-4,.two-col,.footer-grid,.gallery{grid-template-columns:1fr}
  .gallery img:first-child{height:220px}
  .page-hero h1{font-size:34px}
  .title{font-size:32px}
  .section{padding:60px 0}
  .dark{padding:60px 0}
  .cta{padding:40px 25px}
  .cta h2{font-size:28px}
}

@media(max-width:600px){
  .hero{min-height:500px}
  .hero h1{font-size:30px}
  .btn{padding:12px 24px;font-size:13px}
  .card .pad{padding:18px}
  .card h3{font-size:18px}
}