.background-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--color-glow),transparent),linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:100% 100%,32px 32px,32px 32px}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);height:var(--header-height);padding:0 var(--spacing-xl)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:calc(var(--z-header) + 1);flex-shrink:0}@media (min-width:641px){.site-header{display:flex;align-items:center;gap:var(--spacing-md);height:var(--header-height);padding:0 var(--spacing-xl)}.header-bar{display:contents}.logo{order:1}.header-nav{order:2;flex:1;justify-content:center}.header-actions{order:3}}.main-content{flex:1;width:100%;max-width:calc(var(--max-width) + var(--spacing-xl) * 2);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-3xl)}.hero{margin-bottom:var(--spacing-3xl)}.hub-section{margin-bottom:var(--spacing-3xl)}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.content-section{margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);scroll-margin-top:calc(var(--header-height) + var(--spacing-md))}.content-section--compact{margin-bottom:var(--spacing-2xl)}.site-footer{padding:var(--spacing-xl);text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:640px){.header-bar{padding:0 var(--spacing-md)}.main-content{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-2xl)}.hub-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero{margin-bottom:var(--spacing-2xl)}}