/* Exact AdSyntra AI header system for standalone resource pages. */
:root{--violet:#6c63ff;--violet-d:#5548e0;--lavender:#a78bfa;--sky:#38bdf8;--sky-ink:#38bdf8;--border:rgba(108,99,255,.28);--border2:rgba(240,242,255,.1);--text:#f0f2ff;--text2:#9ba3c4;--text3:#9ba3c4;--bg-raised:#1e2130;--shadow-ink:0,0,0;}
nav#navbar{position:fixed;top:0;left:0;right:0;z-index:9000;padding:0 32px;height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(24,27,39,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border2);transition:box-shadow .3s,background .3s;}
nav#navbar.scrolled{background:rgba(24,27,39,.95);box-shadow:0 9px 35px rgba(20,18,43,.08);}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;}.nav-logo span{background:linear-gradient(135deg,var(--lavender),var(--sky-ink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.logo-anim-wrap{position:relative;width:42px;height:42px;flex-shrink:0;}.logo-anim-ring{position:absolute;inset:-2.5px;border-radius:13px;background:conic-gradient(from 0deg,#6c63ff 0%,#38bdf8 30%,#a7b8fa 55%,#34d399 78%,#6c63ff 100%);animation:sharedLogoSpin 3s linear infinite;}.logo-anim-inner{position:absolute;inset:2px;border-radius:10px;background:#13151f;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1;}.logo-anim-inner img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;}@keyframes sharedLogoSpin{to{transform:rotate(360deg);}}
.nav-links{display:flex;align-items:center;gap:14px;}.nav-links>a,.nav-drop-trigger{font-size:.79rem;font-weight:600;color:var(--text2);}.nav-links>a{position:relative;}.nav-links>a:after,.nav-drop-trigger:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--sky-ink));transition:width .3s;}.nav-links>a:hover:after,.nav-links>a.active:after,.nav-links>a[aria-current=page]:after{width:100%;}.nav-links>a:hover,.nav-links>a.active,.nav-links>a[aria-current=page]{color:var(--lavender);font-weight:800;}
.nav-dropdown{position:relative;}.nav-drop-trigger{display:flex;align-items:center;gap:5px;background:none;border:0;padding:22px 0;cursor:pointer;font-family:inherit;position:relative;}.nav-drop-trigger:after{bottom:14px;}.nav-dropdown:hover .nav-drop-trigger:after,.nav-dropdown.open .nav-drop-trigger:after{width:100%;}.nav-caret{font-size:.72rem;transition:transform .25s;}.nav-dropdown:hover .nav-caret,.nav-dropdown.open .nav-caret{transform:rotate(180deg);}
.nav-dropdown-panel{position:absolute;top:calc(100% + 4px);left:50%;padding:16px;background:rgba(24,27,39,.99);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px rgba(var(--shadow-ink),.16);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.25s;z-index:9100;}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown.open .nav-dropdown-panel{opacity:1;visibility:visible;transform:translate(-50%,0);}.nav-dropdown-panel:before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;background:#181b27;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:translateX(-50%) rotate(45deg);}.nav-mega{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:10px;min-width:470px;}.nav-mega-full{grid-template-columns:repeat(3,minmax(185px,1fr));min-width:660px;}.nav-mega-col{padding:7px;}.nav-mega-title{display:block;font-size:.67rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--lavender);padding:6px 11px 8px;}.nav-dropdown-panel a{position:relative;z-index:2;display:block;padding:10px 12px;border-radius:10px;font-size:.78rem;font-weight:600;color:var(--text2);}.nav-dropdown-panel a:hover{background:var(--bg-raised);color:var(--lavender);}
.nav-actions{display:flex;gap:12px;align-items:center;}.btn-ghost,.btn-violet{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 20px;border-radius:50px;font-size:.85rem;font-weight:700;transition:.22s;}.btn-ghost{border:1px solid var(--border);color:var(--text2);background:transparent;}.btn-ghost:hover{border-color:var(--violet);color:var(--text);}.btn-violet{padding-inline:22px;background:linear-gradient(135deg,var(--violet),var(--violet-d));color:#fff;box-shadow:0 4px 16px rgba(108,99,255,.35);}.btn-violet:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(108,99,255,.5);}
.nav-live-link,.nav-resource-link{display:inline-flex!important;align-items:center;gap:6px;}.nav-live-badge,.nav-resource-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;color:#fff;font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}.nav-live-badge{background:linear-gradient(135deg,#6c63ff,#38bdf8);box-shadow:0 4px 12px rgba(108,99,255,.28);}.nav-resource-link{color:#a78bfa!important;font-weight:800!important;}.nav-resource-badge{background:linear-gradient(135deg,#10b981,#34d399);color:#052e25;box-shadow:0 4px 13px rgba(16,185,129,.24);}
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;z-index:9200;}.hamburger span{display:block;width:20px;height:2px;background:var(--text2);border-radius:2px;transition:.3s;}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav{position:fixed;top:68px;left:0;right:0;z-index:8990;max-height:calc(100vh - 68px);overflow-y:auto;padding:14px 24px 30px;background:rgba(24,27,39,.98);border-bottom:1px solid var(--border2);box-shadow:0 24px 50px rgba(20,18,43,.12);transform:translateY(-110%);opacity:0;transition:transform .35s,opacity .3s;}.mobile-nav.open{transform:translateY(0);opacity:1;}.mobile-top-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:1rem;font-weight:700;color:var(--text2);border-bottom:1px solid var(--border2);}.mobile-top-link.nav-live-link,.mobile-top-link.nav-resource-link{justify-content:flex-start;}.mobile-nav-actions{margin-top:20px;display:flex;flex-direction:column;gap:10px;}.mobile-nav-actions .btn-ghost,.mobile-nav-actions .btn-violet{border-bottom:0;padding:12px 18px;}
body.menu-open{overflow:hidden;}
@media(max-width:1240px){.nav-links{gap:11px;}.nav-actions{gap:8px;}.btn-ghost{padding-inline:15px;}.btn-violet{padding-inline:17px;}.nav-resource-badge{display:none;}}
@media(max-width:1120px){.nav-links{display:none;}.hamburger{display:flex;}.nav-actions{display:none;}.nav-resource-badge{display:inline-flex;}}
@media(max-width:600px){nav#navbar{padding:0 20px;}}
@media(prefers-reduced-motion:reduce){.logo-anim-ring{animation:none;}.nav-dropdown-panel,.mobile-nav,.hamburger span{transition:none;}}