/* Vĩnh Hằng portal layout. Shared navigation, home sidebar and discovery cards. */
body#huynhcuong.girlkun-bg { padding-top:0; }
body#huynhcuong::after { display:none; }
body#huynhcuong .vh-nav { position:sticky; top:0; z-index:1100; background:#082426f5; border-bottom:1px solid #ad9d6b45; backdrop-filter:blur(16px); }
.vh-nav-inner { width:min(1240px,calc(100% - 48px)); margin:auto; min-height:86px; display:flex; align-items:center; gap:36px; }
body#huynhcuong .vh-brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:#ebd7a6; font:700 24px/1.1 'Philosopher',serif; white-space:nowrap; }
.vh-brand > span:first-child { font:48px/1 Georgia,serif; }
.vh-brand small { display:block; font:500 9px/1.7 'Be Vietnam Pro',sans-serif; letter-spacing:4px; }
.vh-nav nav { display:flex; align-items:center; justify-content:center; gap:28px; margin-left:auto; }
body#huynhcuong .vh-nav nav a { font-size:12px; font-weight:500; text-decoration:none; color:#b8c9bf; padding:14px 0; }
body#huynhcuong .vh-nav nav a:hover { color:#f6e7bf; }
body#huynhcuong .vh-nav-login { padding:11px 17px; color:#e8d5a6; border:1px solid #a08f5f70; text-decoration:none; font-size:11px; white-space:nowrap; }
body#huynhcuong > .container-md { width:min(1240px,calc(100% - 48px)); max-width:1240px; margin:24px auto 35px; }
body#huynhcuong .ranking-action { display:none !important; }
body#huynhcuong .vh-page-grid { padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
body#huynhcuong .vh-page-grid:has(.du-home) { display:grid; grid-template-columns:270px minmax(0,1fr); column-gap:28px; align-items:start; }
body#huynhcuong .vh-page-grid > :is(.dragon-banner,.pb-1:has(.marquee),.vh-downloads,footer) { grid-column:1/-1; }
body#huynhcuong .p-xs.dragon-banner { border:0; border-radius:6px 6px 0 0; }
body#huynhcuong .p-xs.dragon-banner .image-container { min-height:400px; }
body#huynhcuong .vh-hero-copy { padding:42px 54px; width:650px; }
body#huynhcuong .vh-hero-copy h1 { font-size:64px; margin:20px 0 16px; }
body#huynhcuong .vh-hero-copy h1 span { font-size:23px; letter-spacing:10px; }
body#huynhcuong .vh-hero-copy p { margin-bottom:22px; font-size:12px; }
body#huynhcuong .vh-hero-seal { margin-top:24px; }
body#huynhcuong .pb-1:has(> .marquee) { margin:0 !important; border:0 !important; border-top:1px solid #c7ad7340 !important; border-radius:0 !important; padding:6px !important; }
body#huynhcuong .marquee .aura-text { animation:none !important; padding:0; white-space:normal; font-size:11px !important; }
body#huynhcuong .marquee { white-space:normal; line-height:1.8; }
body#huynhcuong .vh-downloads { display:flex; gap:32px; align-items:center; padding:22px 28px; margin-bottom:36px; background:#e9e3ce; border-bottom:3px solid #b5a16c; color:#234340; border-radius:0 0 6px 6px; scroll-margin-top:100px; }
.vh-download-intro { min-width:165px; border-right:1px solid #526d5433; }
.vh-download-intro small { font-size:8px; letter-spacing:2px; color:#707458; }
.vh-download-intro h2 { font:700 28px/1.2 'Philosopher',serif; margin:5px 0 0; color:#234340; }
.vh-download-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; flex:1; }
body#huynhcuong .vh-download-options > :is(a,span) { display:flex; align-items:center; justify-content:center; gap:12px; text-decoration:none; color:#234340; padding:8px; border:1px solid #6d775b35; border-radius:3px; min-width:0; }
.vh-download-options i { font-size:23px; color:#576d51; }
.vh-download-options strong { display:block; font-size:12px; }
.vh-download-options small { display:block; font-size:9px; margin-top:4px; color:#72765f; }
body#huynhcuong .vh-download-options > a:hover { background:#d5dcc7; border-color:#78876a; }
body#huynhcuong .vh-account-zone { grid-column:1; margin:0 !important; min-width:0; }
body#huynhcuong .vh-account-zone > .p-1 { padding:0 !important; }
body#huynhcuong .vh-account-zone > .user_name:empty { display:none; }
body#huynhcuong .account-entry-layout { display:flex; flex-direction:column; gap:0; width:100%; max-width:none; margin:0; box-sizing:border-box; }
body#huynhcuong .account-entry-actions { flex-direction:column; align-items:stretch; width:100%; padding:25px 24px; border-radius:5px 5px 0 0; background:#173b38; border-color:#b4aa7244; gap:10px; }
body#huynhcuong .account-entry-actions::before { display:none; }
.vh-account-heading > span { display:block; font:44px/1 Georgia,serif; color:#caba88; margin-bottom:15px; }
.vh-account-heading small { font-size:8px; letter-spacing:2px; color:#aebe9d; }
.vh-account-heading h2 { font:700 32px 'Philosopher',serif; color:#ede2bf; margin:6px 0 10px; }
.vh-account-heading p { font-size:11px; line-height:1.9; color:#b7cabc; margin-bottom:20px; }
body#huynhcuong .account-entry-actions > a.btn { min-height:44px; font-size:12px; margin:0 !important; padding:11px !important; flex:none; }
body#huynhcuong .account-entry-layout .account-important-notice { border:1px solid #b4aa7244; border-top:0; border-radius:0 0 5px 5px; background:#0d2c2c; }
body#huynhcuong .account-entry-layout .account-notice-heading { padding:20px 20px 8px; border:0; }
body#huynhcuong .account-entry-layout .account-notice-shield { display:none; }
body#huynhcuong .account-entry-layout .account-notice-heading h2 { font:700 17px 'Philosopher',serif !important; letter-spacing:0; }
body#huynhcuong .account-entry-layout .account-notice-heading p { display:none; }
body#huynhcuong .account-entry-layout .account-notice-list { padding:4px 18px 20px; gap:12px; }
body#huynhcuong .account-entry-layout .account-notice-list li { padding:0; background:none; gap:9px; align-items:flex-start; }
body#huynhcuong .account-entry-layout .account-notice-list li > span { width:20px; height:23px; flex-basis:20px; border:0; background:none; font-size:12px; }
body#huynhcuong .account-entry-layout .account-notice-list strong { font-size:10px; line-height:1.8; font-weight:400; }
body#huynhcuong .vh-page-grid .du-home { grid-column:2; min-width:0; margin:0 !important; padding:0 !important; }
body#huynhcuong .vh-page-grid .du-home > .ibox-content { margin:0 !important; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) { gap:16px; }
body#huynhcuong .vh-page-grid .du-home .hub-heading { align-items:flex-start; text-align:left !important; margin:0 0 4px !important; padding:0 0 18px !important; border-bottom:1px solid #b6a77340 !important; gap:8px; }
body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-kicker { background:none !important; border:0; padding:0; font-size:9px; color:#adbb99 !important; letter-spacing:2px; }
body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-title { font-size:38px !important; line-height:1.15; }
body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-welcome { border:0; background:none !important; padding:0; color:#a4bdb0 !important; font-weight:400; font-size:11px; letter-spacing:0; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement { position:relative; min-height:155px; padding:24px !important; border:1px solid #a5b39345 !important; border-left:1px solid #a5b39345 !important; border-radius:3px !important; background:linear-gradient(130deg,#214740,#102f30) !important; transition:background .2s,border-color .2s; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement:hover { border-color:#cbbb80 !important; background:#245045 !important; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .post-item { min-height:106px; align-items:flex-start !important; gap:14px; padding:0; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .post-image { display:none !important; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .post-item > div:not(.post-image) { width:100%; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .post-item a { font:700 20px/1.5 'Philosopher',serif !important; color:#e8deba !important; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .text-muted { font-size:11px !important; font-weight:400 !important; line-height:1.8; margin-top:10px; }
body#huynhcuong .vh-page-grid .du-home :is(.hub-detail-badge,.top-reward-badge) { display:block; width:fit-content; border:0; background:none !important; padding:0 0 12px; color:#a6ba97 !important; font:500 9px 'Be Vietnam Pro',sans-serif; letter-spacing:2px; }
body#huynhcuong .vh-page-grid .du-home .home-event-heading, body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading { align-items:flex-start; min-height:105px; background:none !important; gap:0; width:100%; }
body#huynhcuong .vh-page-grid .du-home .home-event-icon, body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading > img { display:none; }
body#huynhcuong .vh-page-grid .du-home .home-event-copy strong, body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading strong { font:700 20px/1.5 'Philosopher',serif; color:#e8deba !important; }
body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading-copy > span > small { display:block; padding-bottom:12px; font-size:9px; letter-spacing:2px; color:#a6ba97; background:none; }
body#huynhcuong .vh-page-grid .du-home .home-event-copy small, body#huynhcuong .vh-page-grid .du-home .giftcode-home-subtitle { font-size:11px; line-height:1.8; margin-top:10px; font-weight:400; }
body#huynhcuong .vh-page-grid .du-home .announcement .post-item::after,body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading::after,body#huynhcuong .vh-page-grid .du-home .home-event-arrow { border:0 !important; border-radius:0; background:none !important; color:#c2b785 !important; align-self:center; }
body#huynhcuong .vh-page-grid .du-home .announcement:has(#info1) { cursor:pointer; }
body#huynhcuong footer.site-footer.footer-zalo { margin-top:36px !important; padding:26px 0; border:0 !important; border-top:1px solid #a5b39345 !important; border-radius:0; background:none !important; }
@media(max-width:1000px) {
 .vh-nav-inner { gap:20px; }
 .vh-nav nav { gap:18px; }
 body#huynhcuong .vh-page-grid:has(.du-home) { grid-template-columns:235px minmax(0,1fr); gap:20px; }
 .vh-download-intro { min-width:120px; }
 body#huynhcuong .vh-downloads { gap:18px; padding:20px; }
 body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement { padding:18px !important; }
}
@media(max-width:760px) {
 .vh-nav-inner { width:calc(100% - 28px); flex-wrap:wrap; gap:0; padding:12px 0 0; }
 body#huynhcuong .vh-brand { font-size:20px; }
 .vh-brand > span:first-child { font-size:36px; }
 .vh-brand small { font-size:8px; }
 body#huynhcuong .vh-nav-login { margin-left:auto; padding:9px 12px; font-size:10px; }
 .vh-nav nav { width:100%; order:3; justify-content:space-between; gap:10px; margin-top:8px; }
 body#huynhcuong .vh-nav nav a { font-size:10px; padding:12px 0; }
 body#huynhcuong > .container-md { width:calc(100% - 24px); margin-top:12px; }
 body#huynhcuong .vh-page-grid:has(.du-home) { display:flex; flex-direction:column; gap:0; }
 body#huynhcuong .vh-page-grid > * { width:100%; min-width:0; }
 body#huynhcuong .vh-hero-copy { padding:32px 24px; width:100%; }
 body#huynhcuong .vh-hero-copy h1 { font-size:44px; }
 body#huynhcuong .vh-hero-copy h1 span { font-size:20px; letter-spacing:7px; }
 body#huynhcuong .vh-hero-copy p { max-width:290px; font-size:11px; }
 body#huynhcuong .vh-hero-actions { gap:10px; }
 body#huynhcuong .vh-hero-actions a { font-size:11px; padding:12px 14px; }
 body#huynhcuong .vh-hero-seal { font-size:8px; }
 body#huynhcuong .vh-downloads { display:block; margin-bottom:22px; padding:18px; }
 .vh-download-intro { border:0; margin-bottom:16px; }
 .vh-download-intro h2 { font-size:24px; }
 .vh-download-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 body#huynhcuong .vh-download-options > :is(a,span) { justify-content:flex-start; padding:10px; }
 body#huynhcuong .vh-account-zone { margin-bottom:26px !important; }
 body#huynhcuong .account-entry-actions { display:grid; grid-template-columns:1fr 1fr; padding:20px; gap:12px; }
 .vh-account-heading { grid-column:1/-1; text-align:left; }
 .vh-account-heading > span { float:right; margin:0; }
 .vh-account-heading h2 { font-size:27px; margin:4px 0; }
 .vh-account-heading p { margin:5px 0; font-size:11px; }
 .vh-account-heading p br { display:none; }
 body#huynhcuong .account-entry-layout .account-notice-heading { padding-top:16px; }
 body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) { grid-template-columns:1fr; gap:12px; }
 body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement { min-height:135px; }
 body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-title { font-size:32px !important; }
 body#huynhcuong footer.site-footer.footer-zalo { margin-top:26px !important; }
}
body#huynhcuong .vh-page-grid:has(.du-home) { row-gap:0; }
body#huynhcuong #vh-download-title { color:#234340 !important; font:700 28px/1.2 'Philosopher',serif !important; text-shadow:none !important; }
body#huynhcuong .vh-account-heading h2 { color:#ede2bf !important; font:700 32px/1.2 'Philosopher',serif !important; }
body#huynhcuong .vh-page-grid .du-home :is(.hub-detail-badge,.top-reward-badge) { display:block !important; border:0 !important; margin:0 !important; box-shadow:none !important; }
body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading-copy > span > small { border:0 !important; padding:0 0 12px !important; background:none !important; box-shadow:none !important; }
body#huynhcuong .vh-page-grid footer.site-footer.footer-zalo { margin-top:28px !important; }
body#huynhcuong .vh-page-grid .du-home :is(.home-event-copy strong,.giftcode-home-heading-copy > span,.top-reward-name,.hub-guide-name) { display:block !important; }
body#huynhcuong .vh-page-grid .du-home .hub-heading { overflow:visible; border-radius:0 !important; }
body#huynhcuong .vh-page-grid .du-home .giftcode-home-body { background:#092829 !important; border-color:#8ba07977 !important; }
body#huynhcuong .vh-page-grid .du-home .giftcode-home-card { background:#e9e3ce !important; border:0 !important; border-left:3px solid #a7ad82 !important; }
body#huynhcuong .vh-page-grid .du-home .giftcode-home-card h3 { color:#234340 !important; text-shadow:none !important; font:700 16px 'Philosopher',serif; }
body#huynhcuong .vh-page-grid .du-home .giftcode-home-codes { color:#234340 !important; overflow-wrap:anywhere; }
body#huynhcuong .vh-page-grid .du-home .giftcode-home-close { background:#2c5148 !important; color:#ecdfbb !important; border-color:#8ba07977 !important; box-shadow:none !important; }
body#huynhcuong > .container-md { width:min(1240px,calc(100% - 48px)) !important; max-width:1240px !important; margin:24px auto 35px !important; }
body#huynhcuong main > .vh-page-grid:has(> .p-xs) { width:100%; max-width:none; margin:0 !important; }
body#huynhcuong::before { opacity:1; filter:brightness(1.08) contrast(1.08) saturate(1.18); }
@media(max-width:760px) { body#huynhcuong > .container-md { width:calc(100% - 24px) !important; margin-top:12px !important; } }
/* Keep the account panel and ranking on the same axis at wide breakpoints. */
body#huynhcuong .vh-page-grid:has(> .du-ranking) > .vh-account-zone,
body#huynhcuong .vh-page-grid:has(> .du-ranking) .account-entry-layout {
 width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important;
}
body#huynhcuong .vh-page-grid > main.du-ranking.rank-reference {
 width:100% !important; max-width:none !important; margin:24px 0 32px !important; box-sizing:border-box;
}

/* Larger, clearer banner lettering and announcement. */
body#huynhcuong .vh-hero-copy h1 { font-size:80px; color:#fff0c4; text-shadow:0 3px 12px #001b20; }
body#huynhcuong .vh-hero-copy h1 span { font-size:30px; color:#f1ead3; }
body#huynhcuong .vh-hero-copy p { font-size:16px; font-weight:600; line-height:1.8; color:#f2f0df; text-shadow:0 2px 5px #082426; }
body#huynhcuong .vh-eyebrow { font-size:13px; color:#ffe0a0; }
body#huynhcuong .vh-hero-actions a { font-size:16px; }
body#huynhcuong .marquee .aura-text { font-size:16px !important; font-weight:700 !important; color:#ffe3a0 !important; line-height:1.8; }
body#huynhcuong .pb-1:has(> .marquee) { padding:12px 18px !important; }
@media(max-width:760px) {
 body#huynhcuong .vh-hero-copy h1 { font-size:clamp(38px,9vw,60px); }
 body#huynhcuong .vh-hero-copy h1 span { font-size:24px; letter-spacing:5px; }
 body#huynhcuong .vh-hero-copy p { font-size:14px; }
 body#huynhcuong .vh-eyebrow { font-size:11px; letter-spacing:1.5px; }
 body#huynhcuong .vh-hero-actions a { font-size:14px; }
 body#huynhcuong .marquee .aura-text { font-size:14px !important; }
}
/* Make the rankings entry easy to find in the main navigation. */
body#huynhcuong .vh-nav nav a { font-size:15px; font-weight:600; }
body#huynhcuong .vh-nav nav a.vh-nav-ranking {
 display:inline-flex; align-items:center; justify-content:center; gap:8px;
 padding:12px 18px; border:1px solid #f0d795; border-radius:4px;
 background:#dac28b; color:#102f30; font-size:18px; font-weight:800;
 white-space:nowrap; box-shadow:0 2px 10px #0003;
}
body#huynhcuong .vh-nav nav a.vh-nav-ranking:hover { background:#f5dfa7; color:#082426; }
@media(min-width:761px) and (max-width:1100px) {
 .vh-nav-inner { gap:16px; }
 .vh-nav nav { gap:14px; }
 body#huynhcuong .vh-nav nav a { font-size:13px; }
 body#huynhcuong .vh-nav nav a.vh-nav-ranking { font-size:16px; padding:10px 12px; }
}
@media(max-width:760px) {
 .vh-nav nav { flex-wrap:wrap; justify-content:center; gap:8px 16px; }
 body#huynhcuong .vh-nav nav a { font-size:13px; }
 body#huynhcuong .vh-nav nav a.vh-nav-ranking { font-size:16px; padding:10px 12px; }
}
/* Consistent, prominent navigation labels and button heights. */
body#huynhcuong .vh-nav nav { gap:12px; align-items:center; }
body#huynhcuong .vh-nav nav a,
body#huynhcuong .vh-nav nav a.vh-nav-ranking,
body#huynhcuong .vh-nav-login {
 display:inline-flex; align-items:center; justify-content:center; gap:8px;
 min-height:48px; padding:12px 16px; box-sizing:border-box;
 font-family:'Be Vietnam Pro',sans-serif; font-size:16px; font-weight:700;
 line-height:1.4; white-space:nowrap; color:#f3e3b9;
}
body#huynhcuong .vh-nav nav a.vh-nav-ranking { color:#102f30; }
body#huynhcuong .vh-nav nav a:not(.vh-nav-ranking):hover,
body#huynhcuong .vh-nav-login:hover { color:#fff3d2; background:#214740; border-radius:4px; }
@media(min-width:761px) and (max-width:1100px) {
 .vh-nav-inner { flex-wrap:wrap; gap:12px; padding:12px 0; }
 body#huynhcuong .vh-nav-login { margin-left:auto; }
 .vh-nav nav { order:3; width:100%; justify-content:center; margin:0; }
}
@media(max-width:760px) {
 body#huynhcuong .vh-nav nav { gap:8px; }
 body#huynhcuong .vh-nav nav a,
 body#huynhcuong .vh-nav nav a.vh-nav-ranking,
 body#huynhcuong .vh-nav-login { font-size:14px; min-height:44px; padding:10px 12px; }
}
/* Rankings uses the same plain text style as the other menu links. */
body#huynhcuong .vh-nav nav a.vh-nav-ranking {
 background:transparent; border:0; box-shadow:none; color:#f3e3b9;
}
body#huynhcuong .vh-nav nav a.vh-nav-ranking:hover {
 background:#214740; color:#fff3d2; border-radius:4px;
}
/* Prominent downloads with clear available and unavailable states. */
body#huynhcuong .vh-downloads {
 background:linear-gradient(110deg,#fff3d3,#e9e3ce); padding:26px 28px;
 border-bottom:4px solid #b59449; box-shadow:0 6px 20px #001b2033;
}
body#huynhcuong #vh-download-title { font-size:36px !important; font-weight:700 !important; }
body#huynhcuong .vh-download-intro small { font-size:10px; font-weight:700; letter-spacing:1.5px; color:#536043; }
body#huynhcuong .vh-download-options > :is(a,span) { min-height:82px; padding:14px 12px; gap:14px; border-radius:6px; }
body#huynhcuong .vh-download-options strong { font-size:18px; font-weight:800; }
body#huynhcuong .vh-download-options small { font-size:12px; font-weight:500; line-height:1.5; }
body#huynhcuong .vh-download-options i { font-size:30px; }
body#huynhcuong .vh-download-options > a {
 background:#214c42; border:1px solid #557455; color:#fff0c6; box-shadow:0 3px 8px #15353726;
}
body#huynhcuong .vh-download-options > a i { color:#ffe0a0; }
body#huynhcuong .vh-download-options > a small { color:#e0ebd6; }
body#huynhcuong .vh-download-options > a:hover { background:#326451; border-color:#a58a46; }
body#huynhcuong .vh-download-options > .vh-download-unavailable { background:#e5e3d3; border-color:#b8bea6; color:#53634e; }
body#huynhcuong .vh-download-options > .vh-download-unavailable small { color:#5b654e; }
@media(max-width:760px) {
 body#huynhcuong .vh-downloads { padding:20px 18px; }
 body#huynhcuong #vh-download-title { font-size:30px !important; }
 body#huynhcuong .vh-download-options > :is(a,span) { min-height:76px; padding:12px 10px; gap:10px; }
 body#huynhcuong .vh-download-options strong { font-size:16px; }
 body#huynhcuong .vh-download-options i { font-size:26px; }
}
/* Emphasize the account entry and welcome notice. */
body#huynhcuong .account-entry-actions {
 padding:30px 24px; gap:14px;
 background:linear-gradient(135deg,#245148,#123534);
 border:1px solid #c6ae70; border-radius:7px 7px 0 0;
}
body#huynhcuong .vh-account-heading > span { color:#ffe2a0; font-size:52px; margin-bottom:12px; }
body#huynhcuong .vh-account-heading small { font-size:12px; font-weight:700; color:#e3d2a4; letter-spacing:2px; }
body#huynhcuong .vh-account-heading h2 { font-size:42px !important; color:#ffe9b2 !important; margin:10px 0 14px; }
body#huynhcuong .vh-account-heading p { font-size:16px; font-weight:500; line-height:1.8; color:#edf1df; margin-bottom:22px; }
body#huynhcuong .account-entry-actions > a.btn {
 min-height:56px; font-size:18px; font-weight:800; padding:15px 16px !important;
 background:#e3cc94 !important; color:#102f30 !important; border-color:#ffe4a7 !important;
}
body#huynhcuong .account-entry-actions > a[href='Register'] { background:#28574b !important; color:#ffedbd !important; border-color:#b5bd86 !important; }
body#huynhcuong .account-entry-layout .account-important-notice { background:#102f30; border-color:#c6ae70; border-radius:0 0 7px 7px; }
body#huynhcuong .account-entry-layout .account-notice-heading { padding:24px 24px 12px; }
body#huynhcuong .account-entry-layout .account-notice-heading h2 { font-size:24px !important; color:#ffe4a5; }
body#huynhcuong .account-entry-layout .account-notice-list { padding:8px 24px 26px; gap:14px; }
body#huynhcuong .account-entry-layout .account-notice-list li { gap:12px; }
body#huynhcuong .account-entry-layout .account-notice-list li > span { font-size:17px; font-weight:800; color:#ffe0a0; width:26px; flex-basis:26px; height:auto; }
body#huynhcuong .account-entry-layout .account-notice-list strong { font-size:16px; font-weight:600; line-height:1.8; color:#f1efde; }
@media(max-width:760px) {
 body#huynhcuong .account-entry-actions { padding:24px 18px; }
 body#huynhcuong .vh-account-heading h2 { font-size:34px !important; }
 body#huynhcuong .vh-account-heading p { font-size:14px; }
 body#huynhcuong .account-entry-actions > a.btn { font-size:16px; min-height:50px; }
 body#huynhcuong .account-entry-layout .account-notice-heading { padding:20px 18px 10px; }
 body#huynhcuong .account-entry-layout .account-notice-heading h2 { font-size:21px !important; }
 body#huynhcuong .account-entry-layout .account-notice-list { padding:8px 18px 22px; }
 body#huynhcuong .account-entry-layout .account-notice-list strong { font-size:14px; }
}
/* Readable community footer over the scenic background. */
body#huynhcuong .vh-page-grid footer.site-footer.footer-zalo {
 display:grid; grid-template-columns:minmax(200px,1fr) minmax(0,2.5fr); gap:32px; align-items:start;
 padding:30px !important; background:#0d3030f5 !important;
 border:1px solid #b9a573 !important; border-top:3px solid #d8c08b !important; border-radius:7px;
}
body#huynhcuong .footer-zalo-brand strong { display:block; font-size:26px; line-height:1.4; }
body#huynhcuong .footer-zalo-brand p { font-size:15px; line-height:1.8; color:#e3e9d7; margin-top:10px; }
body#huynhcuong .footer-zalo-feature { display:flex; align-items:flex-start; gap:12px; font-size:16px; line-height:1.8; color:#eef0df; margin-bottom:14px; }
body#huynhcuong .footer-zalo-feature > i { flex:0 0 30px; width:30px; height:30px; font-size:17px; }
body#huynhcuong .footer-zalo-button { font-size:17px; font-weight:800; min-height:50px; padding:12px 22px; border-radius:5px; }
:root #huynhcuong.vh-palette .vh-page-grid footer.footer-zalo a.footer-zalo-button {
 background:#e2cb94 !important; color:#102f30 !important; border-color:#ffe3a5 !important;
}
:root #huynhcuong.vh-palette .vh-page-grid footer.footer-zalo a.footer-zalo-button i { color:#102f30 !important; }
body#huynhcuong .footer-zalo-copyright { font-size:13px; line-height:1.8; color:#dedbc5; border-top-color:#a7976a88; margin-top:20px; padding-top:16px; }
@media(max-width:760px) {
 body#huynhcuong .vh-page-grid footer.site-footer.footer-zalo { grid-template-columns:1fr; gap:20px; padding:24px 18px !important; }
 body#huynhcuong .footer-zalo-content { grid-column:1; grid-row:auto; }
 body#huynhcuong .footer-zalo-brand strong { font-size:24px; }
 body#huynhcuong .footer-zalo-feature { font-size:15px; }
}
/* Clear headings and readable feature descriptions on the game guide. */
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2.ent-info {
 padding:24px !important; gap:18px; font-size:18px; line-height:1.85; color:#f5f0de !important;
}
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .block {
 padding:24px; border:1px solid #aa9e6b !important; border-radius:7px;
 background:linear-gradient(135deg,#214a41,#102f30) !important; color:#f5f0de !important;
}
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .title-main {
 font-size:36px; font-weight:800; line-height:1.4; color:#ffe3a0 !important; padding:26px 20px;
}
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .title {
 font-size:23px; line-height:1.5; font-weight:800; color:#ffe3a0 !important;
 border-bottom:1px solid #a7976a66; padding-bottom:12px; margin-bottom:14px; text-shadow:none;
}
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .title + br { display:none; }
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .text-sub { font-size:20px; font-weight:700; color:#f3dfaf !important; }
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 :is(b,.highlight) { color:#ffe3a0 !important; font-weight:800; }
:root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .block a {
 font-size:18px; padding:12px 20px; background:#dfc58c !important; color:#102f30 !important; border-color:#ffe3a0 !important;
}
body#huynhcuong .du-guide #info2 .guide-home-close { font-size:15px; padding:10px 16px; }
@media(max-width:760px) {
 :root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2.ent-info { display:block; padding:14px !important; font-size:16px; }
 :root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .block { padding:20px 16px; margin-bottom:14px; }
 :root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .title-main { font-size:28px; }
 :root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .title { font-size:21px; }
 :root #huynhcuong.vh-palette .vh-page-grid .du-guide #info2 .text-sub { font-size:17px; }
}
/* Highlight the discovery hub without changing card actions. */
body#huynhcuong .vh-page-grid .du-home .hub-heading {
 padding:22px 24px !important; background:#103332f2 !important;
 border:1px solid #b9a573 !important; border-left:4px solid #e2ca90 !important; border-radius:6px !important;
}
body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-title { font-size:46px !important; color:#ffe5ac !important; }
body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-kicker { font-size:12px; font-weight:700; color:#e0cea0 !important; }
body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-welcome { font-size:16px; font-weight:500; line-height:1.7; color:#edf0df !important; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement {
 min-height:190px; padding:26px !important; border:1px solid #b9a573 !important;
 border-left:4px solid #cdb77f !important; border-radius:6px !important;
 background:linear-gradient(135deg,#245147,#103332) !important;
}
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement:hover { background:#2d5d4d !important; border-color:#ffe0a0 !important; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .post-item a,
body#huynhcuong .vh-page-grid .du-home .home-event-copy strong,
body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading strong { font:700 26px/1.45 'Philosopher',serif !important; color:#ffe5ac !important; }
body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .text-muted,
body#huynhcuong .vh-page-grid .du-home .home-event-copy small,
body#huynhcuong .vh-page-grid .du-home .giftcode-home-subtitle { font-size:16px !important; font-weight:500 !important; line-height:1.75; color:#edf0df !important; }
body#huynhcuong .vh-page-grid .du-home :is(.hub-detail-badge,.top-reward-badge),
body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading-copy > span > small { font-size:12px !important; font-weight:700 !important; color:#dfcc98 !important; letter-spacing:1.5px; }
@media(max-width:760px) {
 body#huynhcuong .vh-page-grid .du-home .hub-heading { padding:20px !important; }
 body#huynhcuong .vh-page-grid .du-home .hub-heading .hub-title { font-size:36px !important; }
 body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement { min-height:165px; padding:22px !important; }
 body#huynhcuong .vh-page-grid .du-home div:has(> .hub-heading) > .announcement .post-item a,
 body#huynhcuong .vh-page-grid .du-home .home-event-copy strong,
 body#huynhcuong .vh-page-grid .du-home .giftcode-home-heading strong { font-size:23px !important; }
}
/* Align both authentication panels with the download and footer frames. */
body#huynhcuong .vh-page-grid main.du-auth.du-auth-refresh:is(.login-page,.register-page) {
 width:100% !important; max-width:none !important; margin:28px 0 !important; padding:0 !important; box-sizing:border-box;
}
body#huynhcuong .vh-page-grid main.du-auth.du-auth-refresh:is(.login-page,.register-page) .member-form-shell {
 width:100% !important; max-width:none !important; margin:0 !important; box-sizing:border-box;
}
body#huynhcuong .vh-page-grid main.du-auth.du-auth-refresh:is(.login-page,.register-page) form.member-form-card {
 width:100% !important; max-width:none !important; margin:0 !important;
 padding:32px 40px !important; box-sizing:border-box;
}
@media(max-width:760px) {
 body#huynhcuong .vh-page-grid main.du-auth.du-auth-refresh:is(.login-page,.register-page) form.member-form-card { padding:42px 18px 24px !important; }
}
/* Prominent registration form. */
:root #huynhcuong.vh-palette .vh-page-grid .register-page form.member-form-card { border:1px solid #cfb778 !important; }
body#huynhcuong .register-page.du-auth-refresh h1 { font-size:38px !important; line-height:1.4; margin:14px 0 !important; }
body#huynhcuong .register-page.du-auth-refresh .auth-blessing { font-size:12px; padding:8px 14px; color:#ffe2a0; }
body#huynhcuong .register-page.du-auth-refresh h1 + div { font-size:16px !important; line-height:1.8; color:#edf0df !important; }
body#huynhcuong .register-page.du-auth-refresh .form-control { height:60px !important; font-size:18px !important; padding:14px 18px !important; }
body#huynhcuong .register-page.du-auth-refresh .form-control::placeholder { color:#d4ddc7 !important; opacity:1; }
:root #huynhcuong.vh-palette .vh-page-grid .register-page .form-control:focus { border-color:#ffe0a0 !important; outline:2px solid #cdb77f; outline-offset:2px; }
body#huynhcuong .register-page.du-auth-refresh button[type='submit'] { min-height:60px; font-size:21px !important; font-weight:800; }
body#huynhcuong .register-page.du-auth-refresh .auth-switch { font-size:16px !important; line-height:1.8; }
body#huynhcuong .register-page.du-auth-refresh .auth-switch a { font-weight:800; color:#ffe2a0 !important; }
@media(max-width:760px) { body#huynhcuong .register-page.du-auth-refresh h1 { font-size:30px !important; } }
/* Reveal the hero scenery while retaining contrast behind the text. */
body#huynhcuong .p-xs.dragon-banner .image-container {
 background:linear-gradient(90deg,#06212480 0%,#08282b40 40%,#09292c00 72%),url('../images/vinh-hang/immortal-realm.png') center 48%/cover !important;
 box-shadow:inset 0 0 35px #08242622;
}
body#huynhcuong .vh-hero-copy :is(h1,p,.vh-eyebrow,.vh-hero-seal) { text-shadow:0 2px 5px #001b20,0 0 14px #001b2077; }
@media(max-width:700px) {
 body#huynhcuong .p-xs.dragon-banner .image-container {
 background:linear-gradient(90deg,#06212488,#08282b44 64%,#09292c11),url('../images/vinh-hang/immortal-realm.png') 62% center/cover !important;
 }
}