 :root {
     --bg: #142434;
     --solid: #142434;
     --nav-bg: transparent;
     --accent: #c8f542;
     --accent2: #42f5c8;
     --text: #f0f0f0;
     --muted: #888;
     --border: rgba(255, 255, 255, 0.08);
     --dropdown-bg: #111118;
     --hover-bg: rgba(200, 245, 66, 0.07);
 }

 .overflow-hidden {
     overflow: hidden;
 }

 .navbar-menu{top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:start;transition:.3s ease-in-out;transition:.3s ease-in-out,_ .3s ease-in-out,_ .3s ease-in-out;will-change:transform}.navbar-fixed{position:fixed;top:0;left:0;width:100%;background:rgba(20,36,52,1);backdrop-filter:blur(10px);z-index:9999;transform:translateY(0);transition:.3s ease-in-out}.navbar-hidden{transform:translateY(-100%);transition:.3s ease-in-out}.header-logo{height:90px;width:100px}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,245,66,.5)}50%{box-shadow:0 0 0 6px rgba(200,245,66,0)}}.nav-links{list-style:none;display:flex;align-items:center}.nav-links li{position:relative}.nav-links a,.nav-links button.drop-btn{font-family:quicksand-bold,sans-serif;font-size:15.6px;color:#fff;letter-spacing:1px;text-decoration:none;background:0 0;border:none;cursor:pointer;padding:.55rem 1rem;border-radius:8px;display:flex;align-items:center;gap:5px;transition:color .2s,background .2s;white-space:nowrap}.chevron{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.drop-btn.open .chevron{transform:rotate(180deg)}.dropdown{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--dropdown-bg);border:1px solid var(--border);border-radius:14px;padding:.5rem;min-width:200px;box-shadow:0 20px 60px rgba(0,0,0,.6);opacity:0;transform:translateX(-50%) translateY(-8px);transition:opacity .22s,transform .22s;pointer-events:none}.dropdown.open{display:block;opacity:1;transform:translateX(-50%) translateY(0);pointer-events:all;animation:.22s forwards dropIn}@keyframes dropIn{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dropdown a{display:flex;align-items:center;gap:10px;padding:.6rem .9rem;border-radius:9px;font-size:.88rem;color:var(--muted);transition:color .2s,background .2s}.dropdown a:hover,.mobile-sub-link:hover{color:var(--accent);background:var(--hover-bg)}.dropdown a .icon{width:28px;height:28px;background:rgba(255,255,255,.05);border-radius:7px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.dropdown .divider{height:1px;background:var(--border);margin:.35rem 0}.cta-btn{font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.01em;padding:.55rem 1.3rem;background:var(--accent);color:#0a0a0f;border:none;border-radius:9px;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap}.hamburger,.hamburger:hover{background:#2b2c40;backdrop-filter:blur(3px)}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(200,245,66,.35)}.cta-btn:active{transform:translateY(0)}

.hamburger2,.hamburger2:hover{background:#2b2c40;backdrop-filter:blur(3px)}.hamburger2{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;cursor:pointer;padding:6px;border-radius:9px;transition:background .2s;z-index:1100}.hamburger2 span{display:block;width:25px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s,width .3s;transform-origin:center}.hamburger2.open span:first-child{ /*transform:translateY(7px) rotate(45deg)*/ }.hamburger2.open span:nth-child(2){ /*opacity:0;width:0*/ }.hamburger2.open span:nth-child(3){/*transform:translateY(-7px) rotate(-45deg)*/ }
.mobile-link:active{background:#d5cab8;color:#142434}
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;cursor:pointer;padding:6px;border-radius:9px;transition:background .2s;z-index:1100}.mobile-cta,.mobile-link{cursor:pointer;width:100%}.hamburger span{display:block;width:25px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s,width .3s;transform-origin:center} /*.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;width:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} */ nav.menu-open{background:var(--solid)}.mobile-menu{display:none;position:fixed;top:150px;left:0;right:0;bottom:0;background:#142434;z-index:999;overflow-y:auto;padding:1.5rem .5rem 3rem;flex-direction:column;gap:.3rem;transform:translateX(100%);transition:transform .35s cubic-bezier(.4, 0, .2, 1)}.mobile-menu.open{display:flex;transform:translateX(0)}.mobile-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-radius:12px;font-family:quicksand-bold,sans-serif;font-size:14.8px;color:#fff;text-decoration:none;transition:background .2s,color .2s;background:0 0;border:none;text-align:left}.hero h1,.mobile-cta{font-family:Syne,sans-serif;font-weight:800}.hero,.mobile-cta{text-align:center}.mobile-link:hover{background:#d5cab8;color:#142434}.mobile-link.active{background:#d5cab8;color:#142434}	 .mobile-dropdown{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4, 0, .2, 1)}.mobile-dropdown.open{max-height:400px}.mobile-sub-link{display:flex;align-items:center;gap:10px;padding:.75rem 1.1rem .75rem 2.5rem;border-radius:10px;font-size:.9rem;color:var(--muted);text-decoration:none;transition:color .2s,background .2s}.mobile-sub-link .icon{width:26px;height:26px;background:rgba(255,255,255,.05);border-radius:7px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.mobile-divider{height:1px;background:rgb(255 255 255 / 13%);margin:0rem 0}.badge-dot,.mobile-cta{background:var(--accent)}.mobile-cta{margin-top:1rem;padding:1rem 1.1rem;color:#0a0a0f;border:none;border-radius:12px;font-size:1rem;transition:box-shadow .2s}.badge,.hero h1 em{color:var(--accent)}.mobile-cta:hover{box-shadow:0 8px 30px rgba(200,245,66,.35)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(200,245,66,.12) 0,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 80%,rgba(66,245,200,.08) 0,transparent 60%);pointer-events:none}.hero h1{font-size:clamp(2.5rem, 8vw, 5.5rem);letter-spacing:-.04em;line-height:1.05;margin-bottom:1.2rem}.hero h1 em{font-style:normal}.hero p{font-size:clamp(1rem, 2.5vw, 1.2rem);color:var(--muted);max-width:500px;line-height:1.7;margin-bottom:2.5rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:.35rem .9rem;border:1px solid rgba(200,245,66,.3);border-radius:99px;font-size:.8rem;margin-bottom:1.5rem;letter-spacing:.04em}.badge-dot{width:6px;height:6px;border-radius:50%}@media (max-width:1200px){.nav-links a,.nav-links button.drop-btn{font-size:15px}}@media (max-width:1024px){.nav-links a,.nav-links button.drop-btn{font-size:15px}}@media (max-width:991px){.cta-btn,.nav-links{display:none}.hamburger{display:flex} .hamburger2{display:flex} }@media (max-width:768px){.header-logo{height:80px;width:80px}nav.navbar-menu{align-items:center}.nav-links a,.nav-links button.drop-btn{font-size:14.8px}nav{padding:0 1.25rem}.cta-btn,.nav-links{display:none}.hamburger{display:flex} .hamburger2{display:flex}}
