*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;background-color:#f8faff!important;min-height:100vh}#root{background-color:#f8faff!important;min-height:100vh}.nav-wrapper{position:fixed;top:0;left:0;width:100%;z-index:1000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.nav-top,.nav-main{padding:6px 80px;transition:padding .3s ease}.nav-top{background-color:#172338;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:13px}.nav-main{background-color:#f8faff;display:flex;align-items:center;justify-content:space-between;padding:25px 80px}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.nav-hamburger span{width:25px;height:3px;background-color:#172338;border-radius:2px;transition:all .3s ease}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-logo{flex:1;display:flex;justify-content:center}.nav-logo img{height:70px;transition:height .3s ease}.nav-menu{display:flex;gap:30px;font-size:16px}.nav-menu a{text-decoration:none;color:#172338;position:relative;padding-bottom:4px;transition:color .2s ease}.nav-menu a:after{content:"";position:absolute;left:50%;transform:translate(-50%) scaleX(0);bottom:-6px;width:18px;height:2px;background-color:#172338;border-radius:999px;opacity:0;transition:transform .2s ease,opacity .2s ease}.nav-menu a:hover,.nav-menu a:focus{color:#0b5ed7}.nav-menu a:hover:after,.nav-menu a:focus:after{opacity:1;transform:translate(-50%) scaleX(1)}.nav-menu a.active:after{width:4px;height:4px;bottom:-8px;border-radius:50%;transform:translate(-50%) scaleX(1);opacity:1}@media(max-width:1024px){.nav-top,.nav-main{padding:6px 40px}.nav-main{padding:20px 40px}.nav-menu{gap:20px;font-size:15px}.nav-logo img{height:60px}}@media(max-width:768px){.nav-top,.nav-main{padding:6px 20px}.nav-main{padding:15px 20px}.nav-hamburger{display:flex;order:3}.nav-logo{order:2}.nav-logo img{height:50px}.nav-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:#f8faff;flex-direction:column;gap:0;padding:80px 30px 30px;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;overflow-y:auto;z-index:1000}.nav-menu.active{right:0}.nav-menu a{padding:15px 0;border-bottom:1px solid #e0e0e0;width:100%;font-size:16px}.nav-menu a:after{display:none}.nav-menu a.active{color:#0b5ed7;font-weight:600}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.nav-overlay.active{opacity:1;visibility:visible}}@media(max-width:480px){.nav-top{font-size:11px}.nav-top,.nav-main{padding:6px 15px}.nav-main{padding:12px 15px}.nav-logo img{height:45px}.nav-menu{width:80%;max-width:280px}.nav-hamburger span{width:22px;height:2.5px}}@media(max-width:360px){.nav-logo img{height:40px}.nav-menu{width:85%}}