.header-section{position:fixed;top:0;left:0;z-index:200;width:100vw;height:80px;border-bottom:1px solid #1c1f25;background:#0d0e12;display:flex;align-items:center}.header-section .header-box{width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center}.header-section .header-box .left{display:flex;align-items:center;gap:50px}.header-section .header-box .left .logo{width:199px;height:32px;flex-shrink:0;aspect-ratio:199/32}.header-section .header-box .left .nav-links{display:flex;align-items:center;gap:20px}.header-section .header-box .left .nav-links .nav-link{padding:10px 20px;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease;font-weight:600}.header-section .header-box .left .nav-links .nav-link:hover{background:#3c424d}.header-section .header-box .left .nav-links .nav-link.active{background:#1c1f25;position:relative}.header-section .header-box .left .nav-links .nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20%;height:3px;background:#63fab3;border-radius:2px}.header-section .header-box .right{display:flex;gap:25px;align-items:center}.header-section .header-box .right div{cursor:pointer}.header-section .header-box .right .wallet-info{flex-shrink:0;border-radius:6px;background:#1c1f25;gap:8px;display:flex;align-items:center;justify-content:center;padding:9px 12px}.header-section .header-box .right .wallet-info img{width:24.952px;height:25px;flex-shrink:0}.header-section .header-box .right .connect{width:140px}.header-section .header-box .right .connect,.header-section .header-box .right .login{height:40px;flex-shrink:0;border-radius:6px;background:#63fab3;color:#000;display:flex;justify-content:center;align-items:center}.header-section .header-box .right .login{width:70px}.header-section .header-box .burger-menu{display:none}.drawer-body{background:#0d0e12;padding:20px;height:100%}.mantine-Drawer-overlay{background:rgba(0,0,0,0)}.mantine-Drawer-inner{align-items:flex-end}.mobile-menu{display:flex;flex-direction:column;gap:20px;height:100%}.mobile-menu .nav-link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease;font-weight:600}.mobile-menu .nav-link:hover{background:#3c424d}.mobile-menu .nav-link.active{background:#1c1f25}.mobile-menu .nav-link img{width:16px}.mobile-menu .mobile-login{margin-top:20px;padding:12px;background:#63fab3;color:#000;text-align:center;border-radius:6px;font-weight:700;border-top:1px solid #1c1f25}.mobile-menu .mobile-user-info{display:flex;align-items:center;gap:12px;color:#fff;padding:20px 0;border-top:1px solid #1c1f25;border-bottom:1px solid #1c1f25}.mobile-menu .mobile-connect{padding:12px;background:#63fab3;color:#000;text-align:center;border-radius:6px;font-weight:700}.mobile-menu .mobile-wallet-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#1c1f25;border-radius:6px}.mobile-menu .mobile-wallet-info img{width:24px;height:24px}.mobile-menu .mobile-logout{margin-top:auto;padding:12px;background:#1c1f25;color:#fff;text-align:center;border-radius:6px;font-weight:700;margin-bottom:20px}@media(max-width:768px){.header-section{height:60px}.header-section .header-box{width:100%;padding:0 20px}.header-section .header-box .left .logo{width:151px;height:24px}.header-section .header-box .left .nav-links,.header-section .header-box .right{display:none}.header-section .header-box .burger-menu{display:block}}