:root{
  --tt-bg:#0B0F14;
  --tt-bg-2:#111820;
  --tt-card:#151D26;
  --tt-card-hover:#1A2430;
  --tt-text:#F5F7FA;
  --tt-muted:#9AA6B2;
  --tt-blue:#2F80FF;
  --tt-cyan:#33D6FF;
  --tt-border:rgba(255,255,255,.08);
  --tt-ease:cubic-bezier(.22,1,.36,1);
}
.tt-site-header{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:99999;background:rgba(11,15,20,.72);border-bottom:1px solid transparent;transition:background .3s var(--tt-ease),border-color .3s var(--tt-ease),backdrop-filter .3s var(--tt-ease),transform .3s var(--tt-ease);font-family:Manrope,system-ui,sans-serif}
.tt-site-header.is-scrolled{top:var(--wp-admin--admin-bar--height,0px);background:rgba(11,15,20,.82);border-color:var(--tt-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tt-header-inner{max-width:1440px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;gap:30px}
.tt-brand{display:inline-flex;align-items:center;gap:10px;color:var(--tt-text);text-decoration:none;font-weight:800;letter-spacing:.08em}
.tt-brand-text{font-size:18px}.tt-brand-text span{color:var(--tt-blue)}
.tt-brand-mark{width:22px;height:22px;display:grid;place-items:center;position:relative}.tt-brand-mark:before,.tt-brand-mark:after,.tt-brand-mark span{content:"";position:absolute;border:2px solid var(--tt-blue);border-radius:5px;transform:rotate(45deg);width:11px;height:11px}.tt-brand-mark:after{border-color:var(--tt-cyan);transform:rotate(45deg) scale(.62)}
.tt-nav{margin-left:auto;display:flex;align-items:center;gap:26px}.tt-nav-group{position:relative}.tt-nav-link{font:600 14px/1 Manrope,system-ui,sans-serif;color:var(--tt-muted);text-decoration:none;background:none;border:0;cursor:pointer;padding:12px 0;transition:color .2s ease,transform .2s ease}.tt-nav-link:hover{color:var(--tt-text);transform:translateY(-1px)}
.tt-chevron{display:inline-block;margin-left:5px;transition:transform .2s ease}.tt-nav-dropdown-trigger[aria-expanded=true] .tt-chevron{transform:rotate(180deg)}
.tt-dropdown{position:absolute;top:calc(100% + 10px);left:-18px;min-width:250px;padding:10px;background:rgba(21,29,38,.96);border:1px solid var(--tt-border);border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.tt-dropdown .tt-nav-link{display:block;width:100%;padding:12px 14px}.tt-dropdown .tt-nav-link:hover{background:rgba(255,255,255,.04);border-radius:10px}
.tt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:12px;text-decoration:none;font:700 14px Manrope,system-ui,sans-serif;transition:transform .25s var(--tt-ease),box-shadow .25s var(--tt-ease),background .25s ease;border:1px solid transparent}.tt-btn-primary{color:white;background:linear-gradient(135deg,var(--tt-blue),#4a95ff);box-shadow:0 10px 30px rgba(47,128,255,.18)}.tt-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(47,128,255,.3)}.tt-btn-header{margin-left:4px}
.tt-menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--tt-border);background:var(--tt-card);border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.tt-menu-toggle span{display:block;width:18px;height:2px;background:var(--tt-text);border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.tt-site-header [hidden]{display:none !important;}
.tt-dropdown[hidden],.tt-mobile-menu[hidden]{display:none !important;}
.tt-site-header [hidden]{display:none !important;}
.tt-dropdown[hidden],.tt-mobile-menu[hidden]{display:none !important;}
.tt-mobile-menu{max-width:1440px;margin:0 auto;padding:0 20px 20px;display:grid;gap:8px}.tt-mobile-menu .tt-nav-link{padding:14px 10px;border-bottom:1px solid var(--tt-border)}.tt-mobile-menu .tt-btn{margin-top:10px}
.tt-site-footer{background:#090D12;color:var(--tt-text);padding:72px 40px 24px;font-family:Manrope,system-ui,sans-serif;border-top:1px solid var(--tt-border)}.tt-footer-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.tt-footer-brand p{color:var(--tt-muted);max-width:260px;line-height:1.7;margin-top:20px}.tt-site-footer h3{margin:0 0 16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--tt-muted)}.tt-site-footer .tt-nav-link{display:block;padding:6px 0;color:var(--tt-muted)}.tt-site-footer .tt-nav-link:hover{color:var(--tt-text)}.tt-footer-bottom{max-width:1440px;margin:48px auto 0;padding-top:18px;border-top:1px solid var(--tt-border);display:flex;align-items:center;justify-content:space-between;color:var(--tt-muted);font-size:12px}.tt-back-top{width:42px;height:42px;border-radius:12px;border:1px solid var(--tt-border);background:var(--tt-card);color:var(--tt-text);cursor:pointer;transition:.25s var(--tt-ease)}.tt-back-top:hover{transform:translateY(-3px);border-color:rgba(51,214,255,.4);box-shadow:0 10px 30px rgba(51,214,255,.12)}
@media (max-width:900px){.tt-header-inner{padding:16px 20px}.tt-nav,.tt-btn-header{display:none}.tt-menu-toggle{display:flex;margin-left:auto}.tt-footer-grid{grid-template-columns:1fr 1fr}.tt-site-footer{padding-left:20px;padding-right:20px}}
@media (max-width:560px){.tt-footer-grid{grid-template-columns:1fr}.tt-footer-bottom{gap:20px;align-items:flex-start}.tt-brand-text{font-size:16px}}

/* TechTrack shell layout */
body.tt-site{background:var(--tt-bg);color:var(--tt-text);}
.tt-site-header + *{}
body.tt-site .tt-site-footer a{display:block;}

@media (max-width:782px){body.admin-bar .tt-site-header{top:46px}}
@media (min-width:783px){body.admin-bar .tt-site-header{top:32px}}


/* TechTrack Header Polish v1.3 */
.tt-site-header{box-shadow:0 8px 35px rgba(0,0,0,.04)}
.tt-site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(51,214,255,.16),transparent);opacity:0;transition:opacity .35s ease}
.tt-site-header.is-scrolled:after{opacity:1}
.tt-brand{transition:transform .28s var(--tt-ease),filter .28s ease}
.tt-brand:hover{transform:translateY(-1px);filter:drop-shadow(0 0 12px rgba(51,214,255,.12))}
.tt-brand-mark{transition:transform .5s var(--tt-ease)}
.tt-brand:hover .tt-brand-mark{transform:rotate(-7deg) scale(1.04)}
.tt-nav-link{position:relative}
.tt-nav> .tt-nav-link:after,.tt-nav-group>.tt-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:linear-gradient(90deg,var(--tt-cyan),var(--tt-blue));transform:scaleX(0);transform-origin:left center;transition:transform .28s var(--tt-ease)}
.tt-nav> .tt-nav-link:hover:after,.tt-nav-group>.tt-nav-link:hover:after,.tt-nav-group>.tt-nav-dropdown-trigger[aria-expanded=true]:after{transform:scaleX(1)}
.tt-dropdown{opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top left;transition:opacity .22s ease,transform .28s var(--tt-ease);pointer-events:none}
.tt-dropdown:not([hidden]){opacity:1;transform:none;pointer-events:auto}
.tt-dropdown .tt-nav-link{color:#cbd6e0;position:relative}
.tt-dropdown .tt-nav-link:before{content:"";position:absolute;left:6px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--tt-cyan);opacity:0;transform:translate(-3px,-50%);transition:opacity .2s ease,transform .2s ease}
.tt-dropdown .tt-nav-link:hover{padding-left:21px;color:#fff}
.tt-dropdown .tt-nav-link:hover:before{opacity:1;transform:translate(0,-50%)}
.tt-btn-header{position:relative;overflow:hidden}
.tt-btn-header:before{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);transform:translateX(-90%);transition:transform .75s var(--tt-ease)}
.tt-btn-header:hover:before{transform:translateX(90%)}
.tt-btn-header span{transition:transform .22s ease}.tt-btn-header:hover span{transform:translateX(4px)}
@media (max-width:900px){
  .tt-mobile-menu{background:rgba(11,15,20,.96);border-top:1px solid var(--tt-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:max-height .38s var(--tt-ease),opacity .25s ease,transform .38s var(--tt-ease),padding .38s var(--tt-ease)}
  .tt-mobile-menu:not([hidden]){max-height:75vh;opacity:1;transform:none;padding-top:10px}
  .tt-menu-toggle{transition:border-color .22s ease,background .22s ease,transform .22s var(--tt-ease)}
  .tt-menu-toggle:hover{border-color:rgba(51,214,255,.25);background:#18222d;transform:translateY(-1px)}
  .tt-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .tt-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .tt-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* TechTrack v1.3.1 stability fixes */
.tt-site-header a.tt-btn-header,
.tt-site-header a.tt-btn-header:visited {
  background:linear-gradient(135deg,#2F80FF,#4A95FF) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.06) !important;
  box-shadow:0 10px 30px rgba(47,128,255,.20) !important;
}
.tt-site-header a.tt-btn-header:hover,
.tt-site-header a.tt-btn-header:focus {
  background:linear-gradient(135deg,#3B8BFF,#5AA0FF) !important;
  color:#fff !important;
  box-shadow:0 16px 38px rgba(47,128,255,.30) !important;
}
body.tt-site > footer:not(.tt-site-footer),
body.tt-site footer:not(.tt-site-footer) {
  display:none !important;
}

/* TechTrack v1.3.2 - definitive header CTA override */
.tt-site-header .tt-btn.tt-btn-header,
.tt-site-header .tt-btn.tt-btn-primary.tt-btn-header,
.tt-site-header a.tt-btn-header,
.tt-site-header a.tt-btn-header:visited {
  background: linear-gradient(135deg,#2F80FF,#4A95FF) !important;
  background-color: #2F80FF !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  opacity: 1 !important;
  box-shadow: 0 10px 30px rgba(47,128,255,.22) !important;
}
.tt-site-header .tt-btn.tt-btn-header:hover,
.tt-site-header .tt-btn.tt-btn-header:focus,
.tt-site-header a.tt-btn-header:hover,
.tt-site-header a.tt-btn-header:focus {
  background: linear-gradient(135deg,#3B8BFF,#5AA0FF) !important;
  background-color: #3B8BFF !important;
  color: #FFFFFF !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(47,128,255,.30) !important;
}