:root{--hnx-green:#0a4e08;--hnx-dark:#022006;--hnx-bg:#030;--hnx-accent:#329107;--text-light:#fffffd;--text-secondary:#c2c7c5;--green-tri:#01cc00;--red-tri:#fd0002;--yellow-sq:#ffff01;--container-width:1000px;--font:"Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}a{text-decoration:none}#header{background:#fff;flex-shrink:0;width:100%}.header-inner{width:var(--container-width);align-items:center;max-width:100%;height:120px;margin:0 auto;padding:0 12px;display:flex;position:relative}.hnx-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:6px;display:flex}.hnx-logo img{object-fit:contain;width:auto;height:100px}.header-right{flex-shrink:0;align-items:center;gap:20px;height:80px;margin-left:auto;display:flex}.nav-menu{margin-left:auto}.nav-menu ul{gap:0;height:38px;list-style:none;display:flex}.nav-menu ul li a{text-align:center;color:var(--hnx-green);white-space:nowrap;padding:10px 15px;font-size:18px;font-weight:700;display:block}.nav-menu ul li a:hover{color:var(--hnx-accent)}.auth-buttons{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-login{border:1px solid var(--hnx-green);color:var(--hnx-green);border-radius:6px;padding:6px 18px;font-size:14px;font-weight:500;transition:all .2s}.btn-login:hover{background:var(--hnx-green);color:#fff}.btn-signup{background:var(--hnx-green);color:#fff;border-radius:6px;padding:6px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-signup:hover{background:var(--hnx-accent)}.btn-trading{background:var(--hnx-green);color:#fff;border-radius:6px;padding:6px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-trading:hover{background:var(--hnx-accent)}.index-bar{background:#efeded;align-items:center;width:100%;min-height:35px;display:flex;overflow:hidden}.index-bar-inner{align-items:center;width:100%;min-height:35px;margin:0 auto;display:flex;overflow:hidden}.market-indices{flex-wrap:nowrap;align-items:center;min-height:35px;animation:120s linear infinite marquee-index;display:inline-flex}@keyframes marquee-index{0%{transform:translate(0)}to{transform:translate(-50%)}}.index-item{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:4px 28px;font-size:12px;display:flex}.index-name{color:#292929;font-weight:700}.index-value,.index-change{color:#333}.index-pct{color:#666;font-size:15px}.ticker-bar{background:var(--hnx-dark);border-bottom:1px solid #0a6b3ba3;align-items:center;width:100%;min-height:35px;display:flex;overflow:hidden}.ticker-content{align-items:center;min-height:35px;animation:200s linear infinite marquee;display:inline-flex}.ticker-item{white-space:nowrap;color:#fff;align-items:center;gap:5px;padding:0 20px;font-size:15px;display:flex}.ticker-item span:first-child{font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#pannel{flex:1;display:flex;overflow:hidden}.content-main{background:var(--hnx-bg) url(/assets/images/landing6/main-BG-01.jpg) no-repeat center center;background-size:cover;flex:1;transition:background-image .6s ease-in-out}#contentPanel{height:100%}.slideshow-container{height:100%;margin:auto 20px;position:relative}.mySlides{height:100%;display:none}.mySlides.fade-in-right{animation:.5s ease-out fadeInRight}@keyframes fadeInRight{0%{opacity:0;transform:translate(350px)}20%{opacity:.2}50%{opacity:.5}75%{opacity:.7}to{opacity:1;transform:translate(0)}}.slide-inner{height:100%;max-width:var(--container-width);justify-content:space-between;gap:12px;margin:0 auto;display:flex}.slide-inner>*{flex:calc(50% - 12px);min-width:0;max-width:calc(50% - 12px)}.slide-news{cursor:default;flex-direction:column;justify-content:center;display:flex}.news-title{color:var(--text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;font-size:36px;font-weight:700;line-height:46px;display:-webkit-box;overflow:hidden}.news-time{background:#628a67;width:fit-content;margin-top:10px;padding:3px 7px 2px;font-size:14px;font-style:italic;display:inline-block}.news-desc{color:#fefefe;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:15px 0;font-size:19px;font-style:italic;line-height:25px;display:-webkit-box;overflow:hidden}.news-more{border:1px solid var(--text-secondary);color:var(--text-secondary);cursor:pointer;border-radius:6px;width:fit-content;padding:4px 26px;font-size:16px;font-style:italic;transition:all .2s;display:inline-block}.news-more:hover{background:var(--hnx-accent);color:#fff}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:562px;overflow-x:auto}.slide-table{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.market-table{width:100%;min-width:420px;max-width:562px;color:var(--text-light);border-collapse:collapse;background:#0000001a;border-radius:15px;overflow:hidden;box-shadow:0 0 2px #fff6}.market-table .table-header{background:#0000001a;font-style:italic}.market-table .table-header th{text-align:left;white-space:nowrap;padding:8px 12px;font-size:18px;font-style:italic}.market-table .table-header .th-change{text-align:center}.market-table td{text-shadow:1px 1px #000;white-space:nowrap;padding:8px 14px;font-size:22px;font-weight:700}.market-table td span{font-size:22px}.market-table .text-right{text-align:right}.market-table .pd-right-20{padding-right:20px}.tr-center{text-align:center;white-space:nowrap}.tr-center .triangle-up-lar,.tr-center .triangle-down-lar{vertical-align:middle;margin-right:3px;display:inline-block}.tr-center span{vertical-align:middle}.table-footer{font-style:italic;text-shadow:none!important;text-align:right!important;background:#0000001a!important;padding:8px 24px 8px 8px!important;font-size:16px!important;font-weight:400!important}.chart-section{width:100%;max-width:562px;color:var(--text-light);background:#01290633;border:1px solid #c3c0c02e;border-radius:15px;padding:15px 25px}.chart-header{justify-content:space-between;align-items:center;padding:0 0 10px;display:flex}.chart-header span:first-child{font-size:24px;font-weight:700}.chart-unit{color:var(--text-secondary);font-size:20px;font-style:italic}.bar-chart-container{flex-direction:column;gap:8px;display:flex}.bar-chart{align-items:center;gap:10px;display:flex}.bar-label{width:45px;color:var(--text-light);text-align:right;font-size:14px;font-weight:600}.bar-track{background:linear-gradient(#0b5725b3 0%,#186221b3 40%,#419018b3 100%);border-radius:9px;flex:1;height:25px;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(#91ce71,#60792f);border-radius:9px;height:100%;transition:width 1s}.bar-value{width:50px;color:var(--text-secondary);font-size:14px}.slide-links{justify-content:flex-end;gap:10px;width:100%;max-width:562px;margin-top:10px;display:flex}.form-text{border:1px solid var(--text-secondary);cursor:pointer;background:#1118114d;border-radius:20px;padding:5px 10px;font-size:14px;font-style:italic;transition:all .2s;color:var(--text-secondary)!important}.form-text:hover{background:var(--hnx-accent);color:#fff!important}.prev,.next{cursor:pointer;z-index:10;opacity:.7;border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;padding:16px;transition:all .6s;display:flex;position:absolute;top:50%}.prev{left:0}.next{right:40px;transform:rotateY(180deg)}.prev:hover,.next:hover{opacity:1;background-color:#000c}.prev svg,.next svg{width:32px;height:32px}.prev svg polygon,.next svg polygon{fill:#888}.prev:hover svg polygon,.next:hover svg polygon{fill:#fff}.triangle-up{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:11px solid var(--green-tri);flex-shrink:0;width:0;height:0;margin-top:1px}.triangle-down{border-left:6px solid #0000;border-right:6px solid #0000;border-top:11px solid var(--red-tri);flex-shrink:0;width:0;height:0}.triangle-up-lar{border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:16px solid var(--green-tri);flex-shrink:0;width:0;height:0;margin-top:1px}.triangle-down-lar{border-left:7px solid #0000;border-right:7px solid #0000;border-top:16px solid var(--red-tri);flex-shrink:0;width:0;height:0}#footer{color:#fff;background:linear-gradient(90deg,#00102a 0%,#013028 40%,#003006 100%);flex-shrink:0;width:100%;padding:10px 20px}.footer-inner{max-width:var(--container-width);justify-content:space-between;align-items:center;margin:0 auto;font-size:13px;display:flex}.footer-links{align-items:center;gap:10px;display:flex}.footer-links a{color:#fff;padding:6px 10px}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#ffffff80}@media (width<=1100px){.news-title{font-size:26px;line-height:34px}.news-desc{font-size:15px;line-height:21px}.market-table td{padding:6px 10px;font-size:17px}.market-table td span{font-size:17px}.market-table .table-header th{font-size:15px}.bar-chart .bar-label{width:35px;font-size:12px}.bar-chart .bar-value{width:40px;font-size:12px}}@media (width<=992px){.header-inner{flex-wrap:wrap;height:auto;padding:8px 12px}.slide-inner{flex-direction:column;gap:8px;padding:12px}.slide-inner>*{flex:auto;max-width:100%}.news-title{font-size:20px;line-height:28px}.news-desc{font-size:14px;line-height:20px}.market-table td{padding:6px 10px;font-size:16px}.market-table td span{font-size:16px}.prev,.next{display:none}}@media (width<=768px){.nav-menu ul li a{padding:6px 10px;font-size:14px}.hnx-logo img{height:50px}.index-item{font-size:11px}.header-right{gap:8px}.btn-login,.btn-signup,.btn-trading{padding:4px 10px;font-size:12px}.market-table{min-width:320px}.market-table td{padding:5px 8px;font-size:14px}.market-table td span{font-size:14px}.market-table .table-header th{padding:5px 8px;font-size:13px}.slideshow-container{margin:auto 8px}.slide-inner{padding:6px}}