:root {
  --primary: #1B4F72;
  --primary-dark: #154060;
  --accent: #E67E22;
  --accent-dark: #CA6F1E;
  --gold: #F0B429;
  --light: #F8F5F0;
  --white: #FFFFFF;
  --ink: #1A1A2E;
  --muted: #6B7280;
  --border: rgba(27,79,114,0.12);
  --shadow: 0 4px 24px rgba(27,79,114,0.12);
  --radius: 14px;
}
/* ── NAVBAR ── */
.navbar{
  position:fixed;top:0;width:100%;z-index:1000;
  background:var(--primary);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.1);
  height:72px;display:flex;align-items:center;
  padding:0 5%;justify-content:space-between;
  transition:box-shadow .3s;
}
.nav-links .cert{
  font-size:.7rem;
  color:#fff;
  margin-right:auto;
  white-space:nowrap;
  padding:2px 6px;
  border:1px solid #fff;
  border-radius:4px;
}


.navbar.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.25)}
 /* .logo{
  font-family:'Playfair Display',serif;
  font-size:1.55rem;font-weight:700;
  color:var(--primary);text-decoration:none;
  letter-spacing:-.02em;
} 
.logo img{height:56px;width:auto;object-fit:contain} 
.logo span{color:var(--accent);font-style:italic}  */
.nav-links{display:flex;gap:1.8rem;list-style:none;align-items:center}
.nav-links a{
  font-size:.87rem;font-weight:500;color:rgba(255,255,255,.85);
  text-decoration:none;transition:color .2s;letter-spacing:.01em;
}
.nav-links a:hover{color:#fff}
.nav-auth{display:flex;align-items:center;gap:8px}
.nav-auth-btn{
  font-size:.82rem;font-weight:600;padding:7px 14px;
  border-radius:8px;text-decoration:none;transition:all .2s;white-space:nowrap;
}
.nav-auth-ghost{
  color:#fff;border:1.5px solid rgba(255,255,255,.6);background:transparent;
}
.nav-auth-ghost:hover{background:rgba(255,255,255,.15);border-color:#fff}
.nav-auth-solid{
  background:var(--accent);color:#fff;border:1.5px solid var(--accent);
}
.nav-auth-solid:hover{background:var(--accent-dark)}
.nav-user{position:relative}
.nav-user.hidden{display:none!important}
.nav-user-btn{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.12);
  border:1.5px solid rgba(255,255,255,.25);
  border-radius:40px;padding:5px 14px 5px 6px;
  cursor:pointer;font-family:'Inter',system-ui,sans-serif;
  font-size:.83rem;font-weight:600;color:#fff;
  transition:background .2s,border-color .2s,transform .1s;
  backdrop-filter:blur(8px);
}
.nav-user-btn:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45);transform:translateY(-1px)}
.nav-avatar{
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent),#f59e0b);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:.8rem;font-weight:800;letter-spacing:-.02em;
  box-shadow:0 2px 8px rgba(230,126,34,.4);flex-shrink:0;
}
.nav-user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-chevron{font-size:.65rem;opacity:.7;transition:transform .2s}
.nav-user-btn.open .nav-chevron{transform:rotate(180deg)}
.nav-user-menu{
  position:absolute;right:0;top:calc(100% + 10px);
  background:#fff;border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.16),0 4px 12px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.06);
  min-width:210px;overflow:hidden;
  display:none;z-index:200;
  animation:menuSlide .15s ease-out;
}
@keyframes menuSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.nav-user-menu.open{display:block}
.nav-menu-header{
  padding:14px 16px 10px;
  background:linear-gradient(135deg,#1B4F72,#2563ae);
  color:#fff;
}
.nav-menu-header .nm-name{font-weight:700;font-size:.9rem}
.nav-menu-header .nm-email{font-size:.73rem;opacity:.7;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-user-menu a{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;font-size:.84rem;
  color:#374151;text-decoration:none;transition:background .12s;
  font-weight:500;
}
.nav-user-menu a:hover{background:#f8fafc;color:#1B4F72}
.nav-user-menu .menu-icon{width:18px;text-align:center;opacity:.6;font-size:.85rem}
.nav-user-menu hr{border:none;border-top:1px solid #f1f5f9;margin:4px 0}
.nav-user-menu .logout-link{color:#ef4444!important}
.nav-user-menu .logout-link:hover{background:#fef2f2!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
.mobile-menu{
  display:none;position:fixed;top:68px;left:0;right:0;
  background:rgba(248,245,240,0.98);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  padding:1.5rem 5%;z-index:999;
}
.mobile-menu.open{display:block}
.mobile-menu a{
  display:block;padding:.7rem 0;font-size:1rem;font-weight:500;
  color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border);
}
.mobile-menu a:hover{color:var(--primary)}
@media(max-width:768px){
  .nav-links{display:none}
  .nav-auth{display:none}
  .nav-user{display:none}
  .hamburger{display:flex}
}
/* ── FOOTER ── */
footer{background:#0d1b2a;color:rgba(255,255,255,.6);padding:4rem 5% 1.5rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:2.5rem}
.footer-logo{
  font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;
  color:#fff;margin-bottom:.8rem;letter-spacing:-.01em;
}
.footer-logo span{color:var(--gold);font-style:italic}
.footer-desc{font-size:.84rem;line-height:1.7;margin-bottom:1.2rem}
.social-row{display:flex;gap:.5rem}
.social-btn{
  width:34px;height:34px;border-radius:7px;
  background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  font-size:.8rem;cursor:pointer;transition:background .2s;
  color:#fff;text-decoration:none;font-weight:700;
}
.social-btn:hover{background:var(--accent)}
.fc h4{
  font-size:.72rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.35);
  margin-bottom:1.1rem;
}
.fc ul{list-style:none}
.fc li{margin-bottom:.55rem}
.fc a{color:rgba(255,255,255,.58);text-decoration:none;font-size:.86rem;transition:color .2s}
.fc a:hover{color:#fff}
.contact-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:.8rem;font-size:.84rem}
.contact-icon{font-size:1rem;flex-shrink:0;margin-top:1px}
.footer-bottom{
  padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:.8rem;font-size:.76rem;
}
.tursab-badge{
  display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.06);padding:6px 14px;border-radius:6px;
  font-size:.76rem;color:rgba(255,255,255,.45);
}
.footer-links{display:flex;gap:1.5rem}
.footer-links a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;font-size:.76rem}
.footer-links a:hover{color:#fff}
/* ── WHATSAPP ── */
.wa-btn{
  position:fixed;bottom:28px;right:16px;z-index:2000;max-width:calc(100vw - 32px);
  width:58px;height:58px;border-radius:50%;
  background:#25d366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;box-shadow:0 4px 20px rgba(37,211,102,.45);
  text-decoration:none;transition:transform .2s,box-shadow .2s;
  animation:waPulse 2.5s ease-in-out infinite;
}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.6)}
@keyframes waPulse{
  0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.45)}
.wa-btn:hover .wa-tooltip{opacity:1}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column;text-align:center}
.footer-links{flex-wrap:wrap;justify-content:center}
.nav-logo-img{height:56px!important;width:auto;object-fit:contain;transition:opacity .2s}
.nav-logo-img:hover{opacity:.85}