@media (max-width: 992px) {
    .page-wrapper { flex-direction: column; }
    .sidebar { width: 100vw; height: auto; position: relative; padding: 20px 40px; border-right: none; border-bottom: 1px solid var(--glass-border); flex-direction: row; justify-content: space-between; }
    .logo { margin-bottom: 0; font-size: 2.5rem; }
    .nav-links { flex-direction: row; width: auto; gap: 20px; }
    .page-content { margin-left: 0; width: 100vw; padding: 30px; }
    h1 { font-size: 5rem; }
}
@media (max-width: 600px) {
    .nav-links { display: none; }
    h1 { font-size: 4rem; }
    .glasseffect { padding: 30px; }
}