/* GENERATED by tools/render_flagship_nav.py from style.css's nav rules, re-scoped under .glass-nav -- never edit by hand (--check fails on drift). Loaded only by pages that do not load style.css. */
.glass-nav{--bg-dark: #0a0a0c; --glass-bg: rgba(255, 255, 255, 0.05); --glass-border: rgba(255, 255, 255, 0.1); --primary: #1B2A6B; --primary-gradient: linear-gradient(135deg, #29ABE2 0%, #a855f7 100%); --accent: #29ABE2; --text-main: #f3f4f6; --text-muted: #9ca3af; --card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);font-family:'Outfit',system-ui,sans-serif;line-height:1.6;box-sizing:border-box}
.glass-nav *,.glass-nav *::before,.glass-nav *::after{box-sizing:border-box;margin:0;padding:0}
.glass-nav .container{max-width: 1200px; margin: 0 auto; padding: 0 2rem;}
.glass-nav{position: fixed; top: 0; width: 100%; z-index: 1000; padding: 1rem 0; background: rgba(10, 10, 12, 0.8); backdrop-filter: blur(10px); border-bottom: 1px solid var(--glass-border);}
.glass-nav ~ .blog-back{margin-top: 76px;}
.glass-nav .container{display: flex; justify-content: space-between; align-items: center;}
.glass-nav .logo{font-size: 1.5rem; font-weight: 700;}
.glass-nav .gradient-text{background: var(--primary-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.glass-nav .nav-links{display: flex; list-style: none; gap: 2rem; align-items: center;}
.glass-nav .nav-links a{text-decoration: none; color: var(--text-muted); font-weight: 400; transition: color 0.3s;}
.glass-nav .nav-links a.active, .glass-nav .nav-links a:hover{color: var(--text-main);}
.glass-nav .btn-primary{background: var(--primary-gradient); border: none; color: white; padding: 0.6rem 1.5rem; border-radius: 50px; font-weight: 600; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s;}
.glass-nav .btn-primary:hover{transform: translateY(-2px); box-shadow: 0 4px 15px rgba(41, 171, 226, 0.4);}
.glass-nav .nav-item{cursor: pointer; transition: 0.3s;}
.glass-nav .nav-item.active{color: white !important; font-weight: 600;}
.glass-nav .hamburger{display: none; flex-direction: column; cursor: pointer; gap: 5px; z-index: 1001;}
.glass-nav .hamburger span{width: 25px; height: 3px; background: var(--text-main); border-radius: 3px; transition: all 0.3s;}
.glass-nav .hamburger.active span:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}
.glass-nav .hamburger.active span:nth-child(2){opacity: 0;}
.glass-nav .hamburger.active span:nth-child(3){transform: rotate(-45deg) translate(7px, -7px);}
@media (max-width: 768px){.glass-nav .container{padding: 0 12px; max-width: 100%; box-sizing: border-box;}.glass-nav{padding: 0.6rem 0; backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(10, 10, 12, 0.98);}.glass-nav .container{padding: 0 1rem;}.glass-nav .hamburger{display: flex;}.glass-nav .nav-links{position: fixed; top: 0; right: -100%; width: 70%; height: 100vh; background: rgba(10, 10, 12, 0.98); backdrop-filter: blur(20px); flex-direction: column; justify-content: center; align-items: center; gap: 2rem; transition: right 0.3s ease; border-left: 1px solid var(--glass-border);}.glass-nav .nav-links.active{right: 0;}.glass-nav .hero-buttons .btn-primary{width: 100%; max-width: 300px; text-align: center; padding: 1rem 1.5rem;}.glass-nav .nav-links{z-index: 1001;}}
.glass-nav .logo a{display: flex; align-items: center; text-decoration: none; gap: 0.5rem;}
.glass-nav .logo-icon{height: 42px; width: 70px; object-fit: cover; object-position: center 18%; vertical-align: middle; position: relative; top: -2px;}
.glass-nav .logo-text{font-size: 1.25rem; font-weight: 700; color: #fff; white-space: nowrap;}
.glass-nav .logo-text .gradient-text{background: linear-gradient(135deg, #8b5cf6, #06b6d4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.glass-nav .nav-links .btn-primary{text-decoration: none; color: #fff;}
@media (max-width: 768px){.glass-nav .logo-icon{height: 34px; width: 56px;}.glass-nav .logo-text{font-size: 1rem;}}
@media (max-width: 768px){.glass-nav .logo a{display: inline-flex; align-items: center; min-height: 44px;}}
.glass-nav .nav-dropdown{position: relative;}
.glass-nav .nav-dropdown .dropdown-menu{display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 200px; background: rgba(15, 15, 20, 0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 8px 0; margin-top: 0; padding-top: 8px; z-index: 1000; box-shadow: 0 20px 40px rgba(0,0,0,0.4);}
.glass-nav .nav-dropdown .dropdown-menu::before{content: ''; position: absolute; top: -15px; left: 0; right: 0; height: 15px;}
.glass-nav .nav-dropdown:hover .dropdown-menu{display: block;}
.glass-nav .nav-dropdown .dropdown-menu a{display: block; padding: 10px 20px; color: #d1d5db; text-decoration: none; font-size: 0.9rem; transition: all 0.2s; white-space: nowrap;}
.glass-nav .nav-dropdown .dropdown-menu a:hover{color: #fff; background: rgba(139, 92, 246, 0.15); padding-left: 24px;}
@media (max-width: 768px){.glass-nav .nav-dropdown .dropdown-menu{position: static; transform: none; background: transparent; border: none; border-radius: 0; margin-top: 0; box-shadow: none; display: none !important; padding: 0 0 0 1rem;}.glass-nav .nav-dropdown .dropdown-menu.show{display: block !important;}.glass-nav .nav-dropdown .dropdown-menu a{padding: 8px 0; font-size: 0.95rem; color: #9ca3af;}.glass-nav .nav-dropdown .dropdown-menu a:hover{padding-left: 0; background: transparent; color: #fff;}.glass-nav .nav-dropdown .nav-item svg{transition: transform 0.2s;}.glass-nav .nav-dropdown.open .nav-item svg{transform: rotate(180deg);}.glass-nav .nav-dropdown:hover .dropdown-menu{display: none !important;}.glass-nav .nav-dropdown:hover .dropdown-menu.show{display: block !important;}}
.glass-nav .container{width:100%}
header:has(> .glass-nav){padding:0!important;background:none!important;border:0!important;display:block!important;position:sticky;top:0;z-index:1000}
.glass-nav{position:sticky;top:0;width:100%;display:block}