:root{--red:#c53030;--green:#2d7840;--blue:#2c5aa0;--yellow:#d69e2e;--sand:#f7f2e6;--dark:#2d3748;}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Cairo',sans-serif;}
html,body{height:100%;}
body{background-color:var(--sand);color:var(--dark);line-height:1.8;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
/* Header */
header{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.header-content{display:flex;justify-content:space-between;align-items:center;padding:12px 0;}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;}
.brand-logo{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:6px;padding:6px;}
.logo-text h1{font-size:1.2rem;margin-bottom:2px;}
.logo-text p{font-size:.9rem;opacity:.9;}
nav ul{display:flex;list-style:none;gap:18px;flex-wrap:wrap;}
nav a{color:#fff;text-decoration:none;font-weight:700;padding:6px 10px;border-radius:4px;transition:.3s;}
nav a:hover{background:rgba(255,255,255,.2);}
/* Hero */
.hero{background:linear-gradient(rgba(44,90,160,.82),rgba(45,120,64,.82)),url('https://images.unsplash.com/photo-1580136579317-67d4b2c48d33?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;color:#fff;padding:120px 0;}
.hero-content{max-width:820px;margin:0 auto;text-align:center;}
.hero h2{font-size:2.8rem;margin-bottom:18px;text-shadow:1px 1px 3px rgba(0,0,0,.45);}
.hero p{font-size:1.15rem;margin-bottom:28px;line-height:2.1;}
.btn{display:inline-block;background:var(--yellow);color:var(--dark);padding:12px 30px;border-radius:28px;text-decoration:none;font-weight:800;transition:.25s;border:none;cursor:pointer;}
.btn:hover{background:var(--red);color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2);}
/* Sections */
.section-title{text-align:center;margin:50px 0 30px;position:relative;}
.section-title h2{display:inline-block;font-size:2rem;color:var(--blue);padding-bottom:10px;border-bottom:3px solid var(--yellow);}
.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:40px;}
.card{background:#fff;border-radius:10px;padding:24px;border-top:4px solid var(--green);box-shadow:0 5px 15px rgba(0,0,0,.05);}
.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.goal-card{background:#fff;border-radius:10px;padding:22px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.05);}
.goal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.5rem;color:#fff;background:var(--blue);}
.hpi-badge{display:inline-block;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;padding:10px 20px;border-radius:30px;font-weight:800;margin:20px 0;}
.page .container{padding:20px 0;}
/* Footer */
footer{background:linear-gradient(135deg,var(--dark),#1a202c);color:#fff;padding:50px 0 20px;margin-top:40px;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:20px;}
.footer-logo-img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:6px;margin-bottom:10px;padding:6px;}
.footer-links ul{list-style:none;padding:0;}
.footer-links li{margin-bottom:8px;}
.footer-links a{color:#cbd5e0;text-decoration:none;transition:.2s;}
.footer-links a:hover{color:var(--yellow);}
.copyright{text-align:center;font-size:.9rem;color:#a0aec0;border-top:1px solid rgba(255,255,255,.1);padding-top:15px;}
/* Contact form */
.contact-form{display:grid;gap:14px;max-width:560px;margin-top:10px;}
.contact-form label{display:grid;gap:8px;font-weight:700;}
.contact-form input,.contact-form textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;}
/* Modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:2000;}
.modal{width:min(92%,520px);background:#fff;border-radius:12px;box-shadow:0 15px 30px rgba(0,0,0,.25);overflow:hidden;direction:rtl;}
.modal-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;padding:12px 16px;}
.modal-body{padding:18px;font-size:1.05rem;line-height:1.9;color:#1a202c;}
.modal-close{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;}
.show{display:flex;}
/* Responsive */
@media(max-width:768px){
  .hero{padding:90px 0;}
  .hero h2{font-size:2.1rem;}
  .hero p{font-size:1rem;}
}


/* Hamburger menu styles */
.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  width: 35px;
  height: 25px;
  gap: 5px;
}
.menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background: white;
  border-radius: 3px;
}
@media (max-width: 768px) {
  nav ul {
    display: none;
    flex-direction: column;
    background: linear-gradient(135deg, var(--blue), var(--green));
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  nav ul.show {
    display: flex;
  }
  .menu-toggle {
    display: flex;
  }
}