@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--brand:#00c292;--brand-dark:#00a67e;--brand-light:#e6faf6;--dark:#2d3748;--gray:#718096;--light-bg:#f8fafd;--footer-bg:#1a1a2e;--header-bg:#1a1a2e}
*{font-family:var(--font,'Inter'),'Open Sans',sans-serif}
body{background:var(--light-bg)}

.hf-navbar{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.08);padding:0;position:sticky;top:0;z-index:1040}
.hf-navbar .navbar-brand{font-size:1.5rem;font-weight:800;color:var(--brand)!important;letter-spacing:-.5px;padding:14px 0}
.hf-navbar .navbar-brand span{color:var(--dark)}
.hf-navbar .nav-link{color:var(--dark)!important;font-weight:500;font-size:.92rem;padding:22px 14px!important;transition:color .2s}
.hf-navbar .nav-link:hover{color:var(--brand)!important}
.hf-navbar .nav-link.active{color:var(--brand)!important;border-bottom:2px solid var(--brand)}
.hf-navbar .dropdown-menu{border:none;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:8px 0;margin-top:0;min-width:180px}
.hf-navbar .dropdown-item{font-size:.9rem;padding:8px 18px;font-weight:500;color:var(--dark)}
.hf-navbar .dropdown-item:hover{background:rgba(var(--brand-rgb,0,194,146),.08);color:var(--brand)}
.hf-navbar .dropdown-toggle::after{margin-left:4px;vertical-align:2px;border-top-width:4px;border-right-width:4px;border-left-width:4px}
.btn-brand{background:var(--brand);color:#fff!important;border-radius:25px;padding:8px 22px;font-weight:600;font-size:.88rem;border:none;transition:background .2s,transform .1s;text-decoration:none!important;display:inline-block;cursor:pointer}
.btn-brand:hover{background:var(--brand-dark);transform:translateY(-1px);color:#fff!important;text-decoration:none!important}
.btn-brand-outline{border:2px solid var(--brand);color:var(--brand)!important;border-radius:25px;padding:6px 20px;font-weight:600;font-size:.88rem;background:transparent;transition:all .2s;text-decoration:none!important;display:inline-block}
.btn-brand-outline:hover{background:var(--brand);color:#fff!important;text-decoration:none!important}
.navbar-toggler{border:1px solid rgba(0,0,0,.1);padding:4px 10px}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

.hf-footer-unified{background:var(--footer-bg,#1a1a2e);color:rgba(255,255,255,.7);padding:24px 0;text-align:center;font-size:.83rem}
.hf-footer-unified a{color:var(--brand);text-decoration:none}
.hf-footer-unified a:hover{text-decoration:underline}

@media(max-width:767px){
  html,body{overflow-x:hidden}
  .hf-navbar .navbar-brand{font-size:1.25rem;padding:10px 0}
  .hf-navbar .nav-link{padding:12px 14px!important;font-size:.88rem}
  .btn-brand{padding:7px 16px;font-size:.84rem}
  .btn-brand-outline{padding:5px 14px;font-size:.84rem}
  .hf-footer-unified{padding:18px 12px;font-size:.8rem}
}