.avatar-dropdown{display:inline-block;position:relative}.avatar-dropdown .account-menu-account-section-title{color:#92bcff;text-transform:uppercase;margin:0;padding:5px 15px 0;font-size:.86em;font-weight:900}.avatar-dropdown .dropdown-menu{z-index:1000;cursor:pointer;color:#fff;border:1px solid #85858552;border-radius:8px;flex-direction:column;gap:5px;width:300px;min-width:180px;padding:10px 0 0;display:flex;position:absolute;top:56px;right:0;overflow:hidden;box-shadow:0 2px 8px #00000026}.avatar-dropdown .dropdown-menu:before,.avatar-dropdown .dropdown-menu:after{content:"";z-index:-2;background:url(/images/dropdown.png) 100% 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;right:0}.avatar-dropdown .dropdown-menu:after{content:"";z-index:-1;background:linear-gradient(#2a3e709c,#021442);width:100%;height:100%;position:absolute;top:0;right:0}.avatar-dropdown .dropdown-menu-contain{max-height:calc(80vh - 250px)}.avatar-dropdown .dropdown-group.dropdown-logout{color:#b10000;text-align:center;margin-bottom:15px}.avatar-dropdown .dropdown-item{color:#fff;align-items:center;padding:5px 18px;font-size:15px;transition:background .2s;display:flex}.avatar-dropdown .dropdown-item:hover{color:#bd0000;background:#f3f4f6}.avatar-dropdown .avatar-bangnam{cursor:pointer;color:#fff}.avatar-dropdown .avatar-bangnam .p-email{color:#dde1e9;background:linear-gradient(90deg,#2ab9ff,#0000);border-radius:5px;margin-top:5px;padding:1px 5px;font-size:.8em}.avatar-dropdown .avatar-bangnam:hover .p-username{color:#2ab9ff}.avatar-dropdown .avatar-bangnam:hover .avatar-img{border:2px solid #2ab9ff}.avatar-dropdown .avatar-img{cursor:pointer;object-fit:cover;background:#fff;border:2px solid #fff;border-radius:50%;width:38px;height:38px;padding:0;display:flex}.avatar-dropdown .avatar-img+div span{color:#fff;font-weight:400}.avatar-dropdown .avatar-img+div span.p-email{background:linear-gradient(45deg,#0c6f9f,#0000);border-radius:2px;margin-top:4px;padding:0 2px;font-size:12px}.avatar-dropdown .dropdown-item-avatar{color:#eaf9ff;align-items:center;padding:5px 15px;font-size:15px;font-weight:500;line-height:16px}.avatar-dropdown .dropdown-item-avatar .dropdown-avatar-img{cursor:pointer;object-fit:cover;background:#fff;border:2px solid #e5e7eb;border-radius:50%;width:50px;height:50px;display:flex}.avatar-dropdown .dropdown-item-avatar .p-username{font-weight:600}.avatar-dropdown .dropdown-item-avatar .p-email{font-size:.9em}.avatar-dropdown .dropdown-item svg{width:20px;height:20px}.template-dark .avatar-dropdown,.template-dark .avatar-dropdown .account-menu-account-section-title{color:#b3c5e1}.template-dark .avatar-dropdown .dropdown-menu{background-color:#ffffff29;background-image:linear-gradient(90deg,#151618 15px,#0000 1%),linear-gradient(#151618 15px 1%),none;background-position:50%,0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff21;box-shadow:0 2px 8px #00000026}.template-dark .avatar-dropdown .dropdown-menu .dropdown-item:hover{background:#596c9828}.template-dark .avatar-dropdown .dropdown-menu .dropdown-item-avatar{color:#dde1e9}
.bangnam-header{background:#010d32 url(/images/header-bg.png) 0 0 no-repeat}.bangnam-header .logo{width:200px}.bangnam-header-logo p{color:#6eb2f1;font-weight:600}.bangnam-header .menu a{color:#fff;position:relative}.bangnam-header .menu a:hover{color:#0000;background:linear-gradient(90deg,#ff7e5f,#feb47b);-webkit-background-clip:text;background-clip:text}.bangnam-header .menu a:hover:before,.bangnam-header .menu a.active:before{content:"";background:linear-gradient(90deg,#003dd782,#0082f9,#003dd782);width:100%;height:1px;transition:all .4s;display:block;position:absolute;bottom:-9px;left:0}.bangnam-header .bangnam-btn{color:#fff;background:linear-gradient(97deg,#fd4290,#fa6c7f);border-radius:30px}.bangnam-header .bangnam-btn.btn-login{background:linear-gradient(97deg,#4290fd,#846cfa)}.bangnam-header .bangnam-btn svg{width:24px;height:24px}.bangnam-header .bangnam-btn:hover{background:linear-gradient(97deg,#4299fd,#6ce9fa)}
.tn-footer{color:#cfcfcf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(5deg,#010612 0%,#000 45%,#0a215e 100%);border-radius:36px 36px 0 0;width:calc(100% - 8px);margin:30px auto 0;padding:56px 0 22px;position:relative;overflow:hidden}.tn-footer a:hover{color:#d30303}.tn-footer__bg{pointer-events:none;animation:linear infinite rotate;position:absolute;inset:0}.tn-footer__inner{z-index:1;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;margin:0 auto;display:grid;position:relative}.tn-footer__brand img{width:300px;margin-bottom:5px}.tn-footer__brand h3{margin:0 0 10px;font-size:1.5em}.tn-footer__brand p{color:#d4daf5;max-width:360px;line-height:1.7}.tn-footer__col h4,.tn-footer__download h4{color:#d4daf5;margin:0 0 16px;font-size:1.2em;font-weight:900}.tn-footer__col a,.tn-footer__col p,.tn-footer__download a,.tn-footer__download p{color:#d4daf5;margin-bottom:10px;line-height:1.6;text-decoration:none;display:block}.tn-footer__col a:hover,.tn-footer__download a:hover{color:#f82424}.tn-footer__stores a{background:#434bbe;border-radius:20px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex;box-shadow:0 0 1px #e0e0e0dc}.tn-footer__stores a:hover{background:#2b3181}.tn-footer__stores svg{width:24px;height:24px}.tn-footer__stores button{color:#d4daf5;cursor:pointer;background:#090d44;border:0;border-radius:16px;margin-top:10px;padding:12px 18px;font-weight:700;transition:all .25s;box-shadow:0 0 1px #e0e0e0dc}.tn-footer__stores button:hover{color:#fff;background:#d71920;transform:translateY(-3px)}.tn-footer__bottom{z-index:1;color:#e7e7e7;border-top:1px solid #26315f1f;justify-content:space-between;gap:16px;margin:36px auto 0;padding-top:22px;display:flex;position:relative}.tn-footer__bottom a{color:#6b7280;margin-left:18px;text-decoration:none}.tn-footer__bottom a:hover{color:#d71920}