@import url("https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Outfit:wght@100..900&display=swap");.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:background-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#faf9f6;box-shadow:0 10px 20px rgba(0,0,0,.2)}.navbar-logo .logo-img{height:3rem;width:3rem}html{scroll-behavior:smooth}.navbar-menu{display:flex;align-items:center;gap:3rem}.menu-items{display:flex;gap:2rem;font-weight:700}.menu-link{text-decoration:none;font-family:Kodchasan,serif;font-weight:500;transition:color .3s ease,background-color .3s ease;padding:10px 15px;border-radius:10px;position:relative}.menu-link:after{content:"";position:absolute;left:0;bottom:5px;width:0;height:2px;background-color:#002147;transition:width .3s ease}.menu-link:hover:after{width:100%}.signin-button{background-color:#14213d;color:#fff;padding:.5rem 1.25rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;font-family:Kodchasan,sans-serif;text-decoration:none;transition:all .3s ease}.signin-button:hover{background-color:#001e3d7e;color:#fff}body{margin:0;font-family:Kodchasan,sans-serif}main{padding-top:5rem}@media (max-width:1024px){.navbar-menu{gap:2rem}.menu-items{gap:1.5rem}.signin-button{padding:.4rem 1rem;font-size:.9rem}}.hamburger-menu{display:none;flex-direction:column;cursor:pointer;padding:.5rem;gap:4px}.hamburger-menu span{width:25px;height:3px;background-color:#14213d;transition:all .3s ease;border-radius:2px}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2000;display:flex;justify-content:flex-end}.mobile-menu{background-color:#fff;width:280px;height:100%;padding:0;box-shadow:-2px 0 10px rgba(0,0,0,.1);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e5e5}.mobile-menu-logo .logo-img{height:2.5rem;width:2.5rem}.mobile-menu-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-menu-items{padding:1rem;display:flex;flex-direction:column;gap:1rem}.mobile-menu-link{text-decoration:none;font-family:Kodchasan,serif;font-weight:500;padding:1rem;border-radius:10px;color:#333;transition:background-color .3s ease;border-bottom:1px solid #f0f0f0}.mobile-menu-link:hover{background-color:#f8f9fa}.mobile-signin-button{background-color:#14213d;color:#fff;padding:1rem 1.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Kodchasan,sans-serif;text-decoration:none;transition:all .3s ease;margin-top:1rem}.mobile-signin-button:hover{background-color:#001e3d7e}@media (max-width:768px){.navbar{padding:.8rem 1.5rem}.menu-items,.signin-button{display:none}.hamburger-menu{display:flex}}@media (max-width:480px){.mobile-menu{width:100%}.signin-button{padding:.3rem .8rem;font-size:.8rem}}