.navbar{z-index:999;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:80px;font-size:1.2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 50px;display:flex}.nav-logo{color:#fff;cursor:pointer;align-items:center;font-size:2rem;font-weight:700;text-decoration:none;display:flex}.nav-logo:hover{opacity:.8;transition:opacity .3s ease-in-out}.nav-menu{text-align:center;gap:2rem;list-style:none;display:flex}.nav-item{align-items:center;height:80px;display:flex}.nav-link{color:#fff;border-radius:4px;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease-in-out}.nav-link:hover{background-color:#fff3;transform:scale(1.05)}@media screen and (width<=768px){.nav-container{padding:0 20px}.nav-menu{gap:1rem}.nav-logo{font-size:1.5rem}.nav-link{padding:.3rem .6rem;font-size:.9rem}}.page-transition{animation:.5s ease-in-out forwards fadeIn}.page-transition.exit{animation:.5s ease-in-out forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}