*{box-sizing:border-box;}
body,div,a,span,li,p,h1,h2,h3,h4,h5,h6{font-family:'Nunito',sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:700!important;}

/* ── TOPBAR ── */
.gh-topbar{
  background:#1e293b;
  padding:6px 0;
  font-size:12px;
  font-weight:600;
}
.gh-topbar .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:4px;
  max-width:1280px;
  margin:0 auto;
  padding:0 20px;
}
.gh-topbar-left{display:flex;align-items:center;gap:16px;}
.gh-topbar-right{display:flex;align-items:center;gap:8px;}
.gh-topbar a{color:#cbd5e1;text-decoration:none;transition:color .2s;}
.gh-topbar a:hover{color:#60a5fa;}
.gh-topbar .fa{color:#94a3b8;margin-right:4px;}
.gh-topbar span{color:#475569;}
@media(max-width:600px){
  .gh-topbar .container{justify-content:center;text-align:center;}
  .gh-topbar-left{justify-content:center;flex-wrap:wrap;}
}
@media(max-width:900px){
  .gh-topbar{display:none!important;}
}

/* ── NAVBAR WRAP ── */
#gh-wrap{
  position:sticky;
  top:0;
  width:100%;
  z-index:10000;
  padding:8px 20px;
  transition:padding .3s;
}

/* ── CURVED BAR ── */
#gh-bar{
  background:#fff;
  border-radius:50px;
  box-shadow:0 6px 28px rgba(37,99,235,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:64px;
  padding:0 20px 0 16px;
  max-width:1280px;
  margin:0 auto;
  transition:box-shadow .3s;
}
#gh-wrap.scrolled #gh-bar{
  box-shadow:0 10px 40px rgba(37,99,235,.20);
}

/* ── LOGO ── */
.gh-logo{padding-left:8px;}
.gh-logo img{height:40px;width:auto;display:block;}

/* ── RIGHT ── */
.gh-right{display:flex;align-items:center;gap:2px;}

/* ── NAV ── */
.gh-nav{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;}
.gh-nav>li{position:relative;}
.gh-nav>li>a{
  display:flex;align-items:center;gap:5px;
  padding:10px 15px;border-radius:10px;
  font-size:15px!important;font-weight:700!important;color:#1e293b!important;
  text-decoration:none!important;white-space:nowrap;
  transition:background .2s,color .2s;
}
.gh-nav>li>a:hover{background:#eff6ff;color:#2563eb!important;}
.gh-nav>li>a svg{width:17px;height:17px;flex-shrink:0;}
.gh-caret{width:11px!important;height:11px!important;transition:transform .25s;flex-shrink:0;margin-left:1px;}
.gh-nav>li:hover .gh-caret{transform:rotate(180deg);}

/* ── DROPDOWN ── */
.gh-drop{
  position:absolute;top:calc(100% + 8px);left:0;
  background:#fff;border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.13);
  border:1px solid #e5e7eb;
  min-width:260px;padding:8px;
  list-style:none;
  opacity:0;visibility:hidden;
  transform:translateY(6px);
  transition:opacity .2s,transform .2s,visibility .2s;
  z-index:9999;
}
.gh-nav>li:hover .gh-drop{opacity:1;visibility:visible;transform:translateY(0);}
.gh-drop li a{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:12px;
  text-decoration:none;transition:background .2s;color:#1e293b!important;
}
.gh-drop li a:hover{background:#eff6ff;color:#2563eb!important;}
.gh-di{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gh-di svg{width:18px;height:18px;}
.gh-dt{display:flex;flex-direction:column;gap:1px;}
.gh-dt strong{font-size:13px;font-weight:800;color:#0f172a;display:block;}
.gh-dt span{font-size:11px;color:#64748b;font-weight:500;line-height:1.4;display:block;}

/* ── LOGIN BTN ── */
.gh-login{
  display:flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff!important;padding:10px 22px;border-radius:50px;
  font-size:14px!important;font-weight:800!important;text-decoration:none!important;
  white-space:nowrap;margin-left:10px;
  box-shadow:0 4px 16px rgba(37,99,235,.28);
  transition:transform .2s,box-shadow .2s;
}
.gh-login:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(37,99,235,.38);color:#fff!important;}
.gh-login svg{width:14px;height:14px;}

/* ── HAMBURGER ── */
.gh-burger{
  display:none;flex-direction:column;gap:5px;
  cursor:pointer;border:none;background:none;padding:6px;margin-left:6px;
}
.gh-burger span{
  display:block;width:22px;height:2px;
  background:#1e293b;border-radius:3px;
  transition:transform .3s,opacity .3s;
}
.gh-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.gh-burger.open span:nth-child(2){opacity:0;}
.gh-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── DRAWER ── */
#gh-drawer{display:none;position:fixed;inset:0;z-index:99999;}
#gh-drawer.open{display:block;}
.gh-ov{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.gh-panel{
  position:absolute;top:0;left:0;
  width:82%;max-width:320px;height:100%;
  background:#fff;border-radius:0 24px 24px 0;
  box-shadow:8px 0 40px rgba(0,0,0,.14);
  overflow-y:auto;padding:24px 18px 40px;
  transform:translateX(-100%);transition:transform .3s ease;
}
#gh-drawer.open .gh-panel{transform:translateX(0);}
.gh-panel-logo{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9;}
.gh-panel-logo img{height:32px;}
.gh-pmenu{list-style:none;padding:0;margin:0;}
.gh-pmenu>li{border-bottom:1px solid #f1f5f9;}
.gh-pmenu>li>a{
  display:flex;align-items:center;gap:10px;
  padding:13px 4px;font-size:14px;font-weight:700;
  color:#1e293b!important;text-decoration:none;
}
.gh-pmenu>li>a svg{width:17px;height:17px;flex-shrink:0;}
.gh-ptoggle{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 4px;font-size:14px;font-weight:700;
  color:#1e293b;cursor:pointer;border:none;background:none;width:100%;
}
.gh-ptoggle .gh-parrow{width:15px!important;height:15px!important;color:#94a3b8;transition:transform .25s;}
.gh-ptoggle.open .gh-parrow{transform:rotate(180deg);}
.gh-psub{list-style:none;display:none;padding:4px 0 8px 12px;}
.gh-psub.open{display:block;}
.gh-psub li a{
  display:flex;align-items:center;gap:10px;
  padding:10px 8px;border-radius:10px;
  font-size:13px;font-weight:600;color:#334155!important;
  text-decoration:none;transition:background .2s;
}
.gh-psub li a:hover{background:#eff6ff;color:#2563eb!important;}
.gh-psub li a svg{width:16px;height:16px;flex-shrink:0;}
.gh-psd{font-size:11px;color:#94a3b8;display:block;margin-top:1px;}
.gh-plogin{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:22px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff!important;padding:14px;border-radius:14px;
  font-size:14px!important;font-weight:800!important;text-decoration:none!important;
  box-shadow:0 4px 14px rgba(37,99,235,.28);
}
.gh-plogin svg{width:17px;height:17px;}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .gh-nav,.gh-login{display:none!important;}
  .gh-burger{display:flex!important;}
  #gh-bar{padding:0 12px 0 10px;height:56px;border-radius:40px;}
}
@media(min-width:901px){
  .gh-burger,#gh-drawer{display:none!important;}
}