.navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);z-index:50;align-items:center;width:100%;padding:1rem 2rem;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.logo{color:var(--color-primary);font-size:1.5rem;font-family:var(--font-aboreto),sans-serif;background-color:#0000;text-decoration:none;transition:color .3s,text-shadow .3s}.logo:hover{color:var(--color-accent);text-shadow:3px 3px 15px #60a5fa66}.nav-links{gap:2rem;font-size:1.1rem;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links li a{color:var(--color-primary);background-color:#0000;min-height:44px;padding:.5rem .25rem 4px;line-height:44px;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.nav-links li a:after{content:"";background-color:var(--color-accent-dark);transform-origin:100%;width:100%;height:2px;transition:transform .3s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links li a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-links li a:hover{color:var(--color-accent);text-shadow:3px 3px 15px #60a5fa66}.theme-toggle{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);cursor:pointer;width:45px;height:45px;color:var(--color-secondary);box-shadow:0 4px 16px 0 var(--shadow-light);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;right:2rem}.theme-toggle:hover{color:var(--color-accent);background:var(--glass-bg-strong);box-shadow:0 4px 16px 0 var(--shadow-light),4px 6px 30px #60a5fa66;transform:scale(1.1)}@media (max-width:1024px){.nav-links{gap:1.5rem;font-size:1rem}.logo{font-size:1.3rem}}@media (max-width:768px){.navbar{padding:.75rem 1rem}.logo{font-size:1.2rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;font-size:.9rem;position:static;transform:none}.nav-links li{margin:.25rem 0}.theme-toggle{width:40px;height:40px;font-size:1rem;right:1rem}}@media (max-width:480px){.navbar{flex-wrap:wrap;padding:.5rem 1rem}.logo{font-size:1.1rem}.nav-links{justify-content:center;gap:.5rem;width:100%;margin-top:.25rem;font-size:.82rem}.nav-links li a{min-height:44px;padding:0 .25rem 2px;line-height:44px}.theme-toggle{width:40px;height:40px;font-size:1rem;right:1rem}}
.footer{border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;display:flex}.footer p{color:var(--color-secondary);font-size:.9rem}.footer-links{flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer-links a{color:var(--color-secondary);font-size:.95rem;text-decoration:none;transition:color .3s,text-shadow .3s}.footer-links a:hover{color:var(--color-accent);text-shadow:3px 3px 15px #60a5fa66}.social-buttons{margin-top:.5rem}@media (max-width:1024px){.footer{padding:2rem 1.5rem}}@media (max-width:768px){.footer{gap:1rem;padding:1.75rem 1rem}}@media (max-width:480px){.footer{padding:1.5rem .75rem}}