.navbar{z-index:1000;width:90%;max-width:1100px;transition:var(--transition);padding:15px 30px;position:fixed;top:20px;left:50%;transform:translate(-50%);border-radius:50px!important}.navbar.scrolled{padding:12px 30px;top:15px;box-shadow:0 10px 30px #0000004d}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:700}.logo span{color:var(--accent-color)}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-primary);font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}@media (max-width:768px){.nav-links{display:none}}
.footer{background:var(--bg-primary);z-index:10;border-top:1px solid #58a6ff1a;margin-top:60px;padding:40px 0 30px;position:relative}.footer-container{justify-content:space-between;align-items:center;display:flex}.footer-content{flex-direction:column;gap:8px;display:flex}.copyright{color:var(--text-secondary);font-size:.95rem;font-weight:500}.footer-credit{color:var(--text-secondary);opacity:.7;font-size:.85rem}.heart{color:#ff4757;font-size:.9rem;animation:1.5s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.3)}60%{transform:scale(1)}to{transform:scale(1)}}.footer-socials{gap:20px;display:flex}.footer-socials a{color:var(--text-secondary);opacity:.7;transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.footer-socials a:hover{color:var(--accent-color);opacity:1;background:#58a6ff1a;border-color:#58a6ff33;transform:translateY(-3px);box-shadow:0 5px 15px #58a6ff26}@media (max-width:768px){.footer-container{text-align:center;flex-direction:column-reverse;gap:25px}.footer-content{align-items:center}}