/* Created: 2026-03-28 | Last Modified: 2026-03-29 | Purpose: GPU Hog header with mobile hamburger */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(139,92,246,.12);position:sticky;top:0;background:rgba(8,8,15,.95);backdrop-filter:blur(12px);z-index:100}
.site-header .logo{display:flex;align-items:center;gap:10px;font-size:1.3em;font-weight:800;text-decoration:none;color:#e2e8f0}
.site-header .logo span{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.site-header .nav{display:flex;gap:20px;align-items:center}
.site-header .nav a{color:#64748b;font-size:.9em;font-weight:500;text-decoration:none}
.site-header .nav a:hover{color:#8b5cf6;text-decoration:none}
.site-header .nav a.active{color:#8b5cf6}

/* Hamburger - right side of header, hidden on desktop */
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;z-index:200;flex-direction:column;gap:5px}
.hamburger span{display:block;width:24px;height:2.5px;background:#ec4899;border-radius:2px;transition:all .3s;transform-origin:center}
/* X animation when open */
.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Mobile dropdown - drops from header, hidden by default */
.mobile-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(8,8,15,.98);border-bottom:1px solid rgba(139,92,246,.15);padding:16px 24px;flex-direction:column;gap:12px;z-index:99;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.mobile-dropdown.open{display:flex}
.mobile-dropdown a{color:#e2e8f0;font-size:1em;font-weight:500;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(139,92,246,.08)}
.mobile-dropdown a:last-child{border-bottom:none}
.mobile-dropdown a:hover,.mobile-dropdown a.active{color:#8b5cf6}
.mobile-dropdown form{margin:0;padding:0}
.mobile-dropdown button{width:100%;text-align:left;color:#e2e8f0;font-size:1em;font-weight:500;padding:10px 0;background:none;border:none;border-bottom:1px solid rgba(139,92,246,.08);cursor:pointer}
.mobile-dropdown .signup-btn{display:block;text-align:center;padding:10px;margin-top:4px;background:linear-gradient(135deg,#4c1d95,#7c3aed,#8b5cf6);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;border-bottom:none}

@media(max-width:768px){
  .site-header{position:relative}
  .site-header .nav{display:none}
  .hamburger{display:flex}
}