.gp-header{position:sticky;top:0;z-index:40;background:rgba(245,247,255,0.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(213,221,245,0.9)}.gp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}.gp-header-brand{display:flex;align-items:center;gap:10px;min-width:0}.gp-header-logo{display:inline-flex;align-items:center;gap:10px}.gp-logo-mark{width:36px;height:36px;border-radius:999px;background:radial-gradient(circle at 30% 15%,var(--color-accent-yellow) 0,rgba(255,217,77,0.2) 45%,transparent 70%),radial-gradient(circle at 80% 80%,var(--color-accent-purple) 0,rgba(155,107,255,0.15) 55%,transparent 80%),linear-gradient(135deg,var(--color-accent-blue),var(--color-primary));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(15,23,42,0.35);position:relative;overflow:hidden}.gp-logo-orb{width:18px;height:18px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#fff 0,rgba(255,255,255,0.2) 35%,rgba(248,250,252,0.05) 60%,rgba(15,23,42,0.8) 100%);box-shadow:0 0 0 3px rgba(255,255,255,0.4)}.gp-logo-text{display:flex;flex-direction:column;line-height:1.1}.gp-logo-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-0.03em;color:var(--color-text)}.gp-logo-subtitle{font-size:0.7rem;color:var(--color-text-soft)}.gp-header-nav{margin-left:auto}.gp-header-menu{display:flex;align-items:center;gap:10px}.gp-header-link{display:inline-flex;align-items:center;justify-content:center;padding:0.4rem 0.9rem;border-radius:999px;font-size:0.85rem;font-weight:500;color:var(--color-text-soft);background:transparent;border:1px solid transparent}.gp-header-link:hover,.gp-header-link:focus-visible{color:var(--color-text);background:rgba(255,255,255,0.9);border-color:var(--color-border-subtle);box-shadow:var(--shadow-xs)}.gp-header-cta{display:none;align-items:center;margin-left:10px}.gp-header-play-btn{font-size:0.8rem;padding-inline:1rem}.gp-header-play-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:rgba(15,23,42,0.16);color:#fff}.gp-header-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(148,163,184,0.6);background:rgba(255,255,255,0.9);box-shadow:var(--shadow-xs)}.gp-toggle-bar{width:18px;height:2px;border-radius:999px;background:var(--color-text)}.gp-header-toggle:focus-visible{outline:3px solid var(--color-accent-yellow);outline-offset:3px}.gp-header-toggle.is-active .gp-toggle-bar:nth-child(1){transform:translateY(3px) rotate(45deg)}.gp-header-toggle.is-active .gp-toggle-bar:nth-child(2){opacity:0}.gp-header-toggle.is-active .gp-toggle-bar:nth-child(3){transform:translateY(-3px) rotate(-45deg)}.gp-header-nav{position:fixed;inset-inline:0;top:58px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base);}.gp-header-nav-open .gp-header-nav{opacity:1;transform:translateY(0);pointer-events:auto}.gp-header-menu{flex-direction:column;align-items:flex-start;background:rgba(245,247,255,0.98);backdrop-filter:blur(18px);padding:12px 16px 16px;border-radius:0 0 18px 18px;border-bottom:1px solid rgba(213,221,245,0.9);box-shadow:0 18px 30px rgba(15,23,42,0.2)}.gp-header-item{width:100%}.gp-header-link{width:100%;justify-content:flex-start}.gp-header-link.is-active{background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-blue));color:#ffffff;border-color:transparent;box-shadow:var(--shadow-sm)}@media (min-width:768px){.gp-header-inner{padding-block:14px}.gp-header-toggle{display:none}.gp-header-nav{position:static;opacity:1;transform:none;pointer-events:auto}.gp-header-menu{flex-direction:row;background:transparent;padding:0;border-radius:999px;border-bottom:none;box-shadow:none}.gp-header-item{width:auto}.gp-header-link{width:auto;justify-content:center}.gp-header-cta{display:flex}.gp-header-play-btn{display:inline-flex}}@media (min-width:1024px){.gp-logo-title{font-size:1.1rem}.gp-logo-subtitle{font-size:0.75rem}.gp-header-link{font-size:0.9rem;padding-inline:1rem}.gp-header-inner{gap:24px}}