.banner{background-color:var(--color-bg-banner);padding:10px var(--spacing-xl);text-align:center;border-bottom:1px solid #0000000a}.banner-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);letter-spacing:.01em}
.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);background-color:#ffffffeb;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.navbar-logo{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-text-primary);transition:opacity var(--transition-base);align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo:hover{opacity:.8}.navbar-logo-icon{flex-shrink:0}.navbar-logo-text{letter-spacing:-.01em}.navbar-actions{align-items:center;gap:var(--spacing-lg);display:flex}.navbar-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-base);text-decoration:none}.navbar-link:hover{color:var(--color-text-primary)}.navbar-btn{color:var(--color-cta);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1.5px solid var(--color-cta);border-radius:var(--radius-md);transition:all var(--transition-base);background-color:#0000;align-items:center;padding:8px 18px;text-decoration:none;display:inline-flex}.navbar-btn:hover{background-color:var(--color-cta);color:var(--color-text-on-dark)}.navbar-btn:active{transform:scale(.98)}@media (max-width:480px){.navbar-link{display:none}}