.header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(7,14,30,.94),rgba(7,14,30,.84));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.header .wrap,.header-inner{min-height:72px}
.header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px;padding:14px 0 !important}
.logo{display:flex !important;align-items:center !important;gap:12px;color:#fff;transition:.25s ease;line-height:1}
.logo-mark-img{width:44px;height:44px;display:block;flex:0 0 auto}
.logo-word{display:inline-flex;align-items:center;line-height:1;font-size:24px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.nav{display:flex;align-items:center !important;gap:22px;flex-wrap:nowrap;color:#a9b6cf;font-size:14px;line-height:1}
.nav a{display:inline-flex;align-items:center;min-height:42px;line-height:1;padding:0;color:inherit;position:relative;transition:color .22s ease, transform .22s ease, opacity .22s ease}
.nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:999px;background:linear-gradient(90deg,#5ce1ff,#5e87ff);transform:scaleX(0);transform-origin:center;transition:transform .22s ease;opacity:.95}
.nav a:hover{color:#fff;transform:translateY(-1px)}
.nav a:hover::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:#fff;font-weight:700}
.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav-cta{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:44px;padding:10px 16px !important;border-radius:14px;background:linear-gradient(135deg,rgba(31,203,255,.18),rgba(94,135,255,.2));border:1px solid rgba(92,225,255,.22);box-shadow:0 10px 24px rgba(46,143,255,.16), inset 0 1px 0 rgba(255,255,255,.08);color:#fff !important;font-weight:800;white-space:nowrap;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease}
.nav-cta:hover{transform:translateY(-1px);border-color:rgba(92,225,255,.35);background:linear-gradient(135deg,rgba(31,203,255,.28),rgba(94,135,255,.28));box-shadow:0 16px 30px rgba(46,143,255,.24), inset 0 1px 0 rgba(255,255,255,.12)}
.nav-cta::after{display:none !important}
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;border:1px solid rgba(92,225,255,.30);background:linear-gradient(135deg,rgba(31,203,255,.95),rgba(94,135,255,.92));box-shadow:0 12px 30px rgba(46,143,255,.32), inset 0 1px 0 rgba(255,255,255,.24);color:#fff;cursor:pointer;flex:0 0 auto;transition:transform .22s ease, box-shadow .22s ease}
.mobile-menu-toggle .bars{position:relative;width:22px;height:16px;display:block}
.mobile-menu-toggle .bars:before,.mobile-menu-toggle .bars:after,.mobile-menu-toggle .bars span{content:"";position:absolute;left:0;width:22px;height:2.5px;border-radius:999px;background:#fff;transition:transform .25s ease,opacity .25s ease,top .25s ease,background .25s ease;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.mobile-menu-toggle .bars:before{top:0}.mobile-menu-toggle .bars span{top:6.5px}.mobile-menu-toggle .bars:after{top:13px}
.mobile-menu-toggle:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(46,143,255,.38), inset 0 1px 0 rgba(255,255,255,.24)}
.mobile-menu-toggle[aria-expanded="true"] .bars:before{top:6.5px;transform:rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] .bars span{opacity:0}.mobile-menu-toggle[aria-expanded="true"] .bars:after{top:6.5px;transform:rotate(-45deg)}
.mobile-menu{display:none;position:fixed;inset:72px 16px auto 16px;z-index:40;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(9,18,34,.98),rgba(5,11,22,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(0,0,0,.38)}
.mobile-menu.open{display:block}.mobile-menu a{display:flex;align-items:center;min-height:48px;padding:13px 14px;border-radius:14px;color:#eef4ff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:border-color .22s ease, background .22s ease, transform .22s ease}.mobile-menu a+a{margin-top:10px}.mobile-menu .mobile-cta{background:linear-gradient(135deg,#1fcbff,#2a8cff);border-color:rgba(255,255,255,.18);font-weight:800}.mobile-menu-backdrop{display:none;position:fixed;inset:0;z-index:30;background:rgba(3,8,18,.55)}.mobile-menu-backdrop.open{display:block}.btn:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(0,0,0,.28)}.logo:hover{transform:translateY(-1px)}.mobile-menu a:hover{border-color:rgba(159,192,255,.22);background:rgba(255,255,255,.07);transform:translateY(-1px)}.mobile-menu .mobile-cta:hover{background:linear-gradient(135deg,#22d4ff,#3b8cff)}
html,body,button,input,textarea,select{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.btn:focus-visible,.nav a:focus-visible,.mobile-menu a:focus-visible,.logo:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid rgba(159,192,255,.9);outline-offset:3px}
@media(max-width:720px){.header .wrap,.header-inner{min-height:68px}.nav{display:none !important}.mobile-menu-toggle{display:inline-flex}.logo-mark-img{width:38px;height:38px}.logo-word{font-size:18px}}