.container {
    width: min(100% - 32px, 1120px);
    margin-inline: auto;
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 12px 0;
    background: rgba(10, 15, 28, 0.92);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
}

.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.section { padding: var(--space-10) 0; }

.footer {
    flex-shrink: 0;
    padding: var(--space-10) 0 var(--space-5);
    background: var(--color-bg-inverse);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;
    gap: var(--space-6);
    margin-bottom: var(--space-6);
}

.copyright {
    padding-top: var(--space-4);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

@media (max-width: 768px) {
    .section     { padding: var(--space-8) 0; }
    .footer-grid { grid-template-columns: 1fr; gap: var(--space-4); }
}