.container{max-width:100%;width:100%;padding:var(--page-padding);margin:0 auto}@media (min-width:768px){.container{max-width:1200px;padding:24px;margin:0 auto}}.top-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--page-padding);border-bottom:1px solid var(--divider);background-color:var(--background);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(25,25,25,.8);animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.top-bar__logo{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);text-decoration:none;transition:color var(--transition)}.top-bar__logo:hover{color:var(--accent)}.logo-icon{color:currentColor;transition:transform var(--transition)}.top-bar__logo:hover .logo-icon{transform:scale(1.05)}.top-bar__nav{display:flex;gap:var(--spacing-xl);align-items:center;flex:1 1;margin-left:var(--spacing-2xl)}.top-bar__nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color var(--transition);position:relative;padding-bottom:4px}.top-bar__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--primary);transition:width var(--transition)}.top-bar__nav-link:hover{color:var(--text-primary)}.top-bar__nav-link:hover:after{width:100%}.top-bar__nav-link.active{color:var(--primary)}.top-bar__nav-link.active:after{width:100%}.top-bar__cta{margin-left:auto}.section{margin-bottom:var(--spacing-2xl)}.section--last{margin-bottom:var(--spacing-xl)}@media (min-width:768px){.section{max-width:1200px;margin-left:auto;margin-right:auto}}