.account-modal-root{--mb-z-index:300!important;overflow-x:hidden}.account-modal-root .mantine-Modal-content{background:rgba(0,0,0,0);box-shadow:none}.account-modal-content{background:rgba(0,0,0,0);padding:0}.account-modal-body{padding:0}.account-modal-container{position:relative;border-radius:10px;background:#13161b;box-shadow:0 0 8px 0 rgba(0,0,0,.8);padding:25px;height:303px;max-width:400px;margin:0 auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.account-modal-container{height:180px;margin:0 16px;padding:15px;border-radius:10px;max-width:100%}}@media(max-width:480px){.account-modal-container{margin:0 12px;padding:10px;border-radius:10px;max-width:100%}}.account-close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8e8e93;transition:all .2s ease;z-index:10}.account-close-button:hover{background-color:hsla(0,0%,100%,.1);color:#fff}@media(max-width:480px){.account-close-button{top:12px;right:12px;width:28px;height:28px}.account-close-button svg{width:20px;height:20px}}.account-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}@media(max-width:480px){.account-content{gap:24px}}.account-title{font-size:26px;font-weight:600;color:#fff;text-align:center;margin:0;line-height:1.2}@media(max-width:768px){.account-title{font-size:24px}}@media(max-width:480px){.account-title{font-size:22px}}.account-button-container{width:100%;margin-top:8px;outline:none;display:block}.account-button-container .wallet-account{cursor:pointer;height:46px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;border-radius:6px;background:#1c1f25;margin:6px 0 20px}.account-button-container .google-account{height:40px;display:flex;gap:12px;align-items:center}.account-button-container .connect-button{cursor:pointer;border-radius:4px;background:#63fab3;color:#2f3148;font-family:Inter;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;height:46px;margin:6px 0 20px}@media(max-width:480px){.account-button-container{margin-top:4px}}.google-account-button{height:46px;background-color:#fff;outline:none;color:#1f1f1f;border:none;border-radius:4px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;padding:0 24px;margin-top:6px}.google-account-button svg{margin-right:8px}.google-account-button:hover{background-color:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.google-account-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width:768px){.google-account-button{height:48px;font-size:15px;border-radius:4px;padding:0 20px;gap:10px}}@media(max-width:480px){.google-account-button{height:44px;font-size:14px;border-radius:8px;padding:0 16px;gap:8px}.google-account-button svg{width:18px;height:18px}}.google-account-button .mantine-Button-section{margin:0}.google-account-button .mantine-Button-label{color:#1f1f1f;font-weight:500}.my-custom-notification-root{background-color:#2c2c2e;border:1px solid #3a3a3c;border-radius:12px}@media(max-width:480px){.my-custom-notification-root{border-radius:8px;margin:0 12px}}.my-custom-notification-message{color:#fff;font-size:14px}@media(max-width:480px){.my-custom-notification-message{font-size:13px}}.my-custom-notification-close{color:#8e8e93}.my-custom-notification-close:hover{color:#fff}@media(max-width:375px){.account-modal-container{margin:0 8px;padding:24px 16px 16px;max-width:calc(100vw - 16px)}.account-title{font-size:20px}.google-account-button{height:42px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:18px}}@media(max-width:320px){.account-modal-container{margin:0 4px;padding:20px 12px 12px;max-width:calc(100vw - 8px)}.account-close-button{top:8px;right:8px;width:24px;height:24px}.account-close-button svg{width:16px;height:16px}}.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 20px}.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}}