:root{--green:#078f4d;--forest:#032f23;--lime:#d7ff4f;--gold:#ffd12f;--cream:#f6f7f0;--ink:#11231a}*{box-sizing:border-box}body{margin:0;font-family:"Manrope",Inter,system-ui,sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}.wrap{max-width:1240px;margin:auto;padding:0 26px}.header-2027{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(246,247,240,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(3,47,35,.1)}.brand-logo{height:42px}.nav-link{font-weight:800;color:#355247;position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--green);transition:.25s}.nav-link:hover:after{right:0}.hero-2027{min-height:790px;padding-top:110px;display:grid;align-items:center;position:relative;overflow:hidden}.hero-2027:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6f7f0 0 49%,rgba(246,247,240,.72) 58%,rgba(246,247,240,.08) 76%),url('../images/F88_Trang_Ca_Cuoc_Truc_Tuyen_Dang_Tin_Cay_Cho_Nguoi_Choi_Viet_2027.webp') center right/cover no-repeat;z-index:-2}.mesh{position:absolute;left:-80px;top:150px;width:500px;height:500px;background:radial-gradient(circle at 20% 30%,rgba(215,255,79,.8),transparent 24%),radial-gradient(circle at 66% 45%,rgba(7,143,77,.22),transparent 35%);filter:blur(8px);z-index:-1;animation:breathe 8s ease-in-out infinite}.hero-copybox{max-width:610px}.kicker{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-size:12px}.kicker:before{content:"";width:42px;height:2px;background:var(--green)}.display{font-size:clamp(38px,5vw,64px);line-height:.93;letter-spacing:-.055em;font-weight:950;margin:18px 0 22px}.display em{font-style:normal;color:var(--green)}.hero-desc{font-size:19px;line-height:1.75;color:#52675e;max-width:590px}.cta-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.cta-solid,.cta-outline{height:56px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;transition:.25s;position:relative;overflow:hidden}.cta-solid{background:var(--forest);color:#fff;border-radius:8px;box-shadow:7px 7px 0 var(--lime)}.cta-solid:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--lime)}.cta-solid:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55),transparent 65%);transform:translateX(-120%);animation:sweep 3s infinite}.cta-outline{border:2px solid var(--forest);color:var(--forest);border-radius:8px}.cta-outline:hover{background:#fff;transform:translateY(-3px)}.actions .account-btn{border-radius:8px;padding:10px 16px;font-weight:900;position:relative;background:#fff;border:1px solid #d5ded8;overflow:hidden}.actions .account-btn.primary{background:var(--green);color:#fff;border-color:transparent}.actions .account-btn:before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-top-color:var(--gold);border-right-color:var(--gold);animation:spin 2.4s linear infinite;opacity:.8}.actions .account-btn span{position:relative}.floating-stat{position:absolute;right:8%;bottom:9%;background:#fff;border-radius:18px;padding:20px 24px;box-shadow:0 26px 70px rgba(3,47,35,.18);transform:rotate(-2deg);border-left:6px solid var(--lime)}.floating-stat strong{font-size:34px;color:var(--green)}.section{padding:100px 0}.marquee{background:var(--forest);color:#fff;overflow:hidden;padding:17px 0}.marquee-track{display:flex;gap:56px;white-space:nowrap;width:max-content;animation:marquee 24s linear infinite;font-weight:800}.editorial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.section-number{font-size:14px;font-weight:900;color:var(--green);letter-spacing:.18em}.section-title{font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.045em;font-weight:950;margin:14px 0}.section-lead{font-size:18px;line-height:1.75;color:#63756c}.feature-stack{display:grid;gap:14px}.feature-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;padding:20px;background:#fff;border:1px solid #dfe7e2;border-radius:14px;transition:.25s}.feature-row:hover{transform:translateX(8px);border-color:#b8cdbf}.num{width:52px;height:52px;border-radius:12px;background:#e7f6ec;display:grid;place-items:center;font-weight:950;color:var(--green)}.feature-row b{font-size:18px}.feature-row small{color:#718178}.photo-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.photo-main,.photo-side{overflow:hidden;border-radius:16px;position:relative}.photo-main img,.photo-side img{width:100%;height:100%;object-fit:cover;transition:.5s}.photo-main:hover img,.photo-side:hover img{transform:scale(1.035)}.photo-side{display:grid;grid-template-rows:1fr 1fr;gap:18px;overflow:visible}.photo-side>div{overflow:hidden;border-radius:16px}.trust-panel{background:var(--green);color:#fff;border-radius:20px;padding:48px;position:relative;overflow:hidden}.trust-panel:after{content:"";position:absolute;width:280px;height:280px;border:44px solid rgba(215,255,79,.22);border-radius:50%;right:-80px;top:-100px;animation:spin 20s linear infinite}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18);margin-top:34px}.trust-item{padding:28px;background:rgba(0,0,0,.08)}.trust-item strong{display:block;font-size:31px;color:var(--lime)}.award-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.award-card{position:relative;min-height:370px;border-radius:18px;overflow:hidden;background:#000}.award-card img{width:100%;height:100%;object-fit:cover;opacity:.78;transition:.5s}.award-card:hover img{transform:scale(1.04);opacity:.9}.award-label{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:18px;border-radius:12px}.footer-2027{background:#f0f2ea;border-top:1px solid #d8ded8;padding:72px 0 120px}.sticky-banner{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:80;width:min(1240px,calc(100% - 18px));height:76px;overflow:hidden;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.25);border:2px solid #fff}.sticky-banner img{width:100%;height:100%;object-fit:cover}.sticky-banner button{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:6px;background:#fff;color:#18372b;font-weight:900}.sticky-banner.is-hidden{display:none}.reveal{opacity:0;transform:translateY(26px);transition:.7s}.reveal-visible{opacity:1;transform:none}.mobile-menu{display:none}.mobile-menu.is-open{display:block}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes breathe{50%{transform:scale(1.08) rotate(5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{55%,100%{transform:translateX(160%)}}@media(max-width:920px){.desktop-nav{display:none}.mobile-menu{position:absolute;top:100%;left:14px;right:14px;background:#f6f7f0;padding:16px;border:1px solid #dce4df;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.12)}.hero-2027:before{background:linear-gradient(180deg,rgba(246,247,240,.96),rgba(246,247,240,.8)),url('../images/F88_Trang_Ca_Cuoc_Truc_Tuyen_Dang_Tin_Cay_Cho_Nguoi_Choi_Viet_2027.webp') center/cover no-repeat}.floating-stat{display:none}.editorial-grid,.photo-layout{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.award-grid{grid-template-columns:1fr}.hero-2027{min-height:720px}}@media(max-width:620px){.wrap{padding:0 16px}.section{padding:76px 0}.display{font-size:38px}.trust-grid{grid-template-columns:1fr}.trust-panel{padding:30px 20px}.feature-row{grid-template-columns:52px 1fr}.feature-row>span:last-child{display:none}.sticky-banner{height:62px}.actions .account-btn{padding:9px 11px;font-size:13px}.brand-logo{height:36px}}
/* PDF content sections */
.article-section{padding:78px 0;background:#fff}.article-section:nth-of-type(even){background:#f8faf8}.section-head{max-width:1000px;margin-bottom:26px}.section-kicker{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.section-head h2{margin-top:10px;font-size:clamp(30px,4.2vw,52px);line-height:1.08;letter-spacing:-.035em;font-weight:950;color:var(--forest,var(--deep,#063e2b))}.section-image{width:100%;margin:24px 0 30px;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(3,60,38,.12)}.section-image img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover}.section-content{display:grid;gap:18px}.section-intro-copy,.article-card,.sub-card{background:#fff;border:1px solid rgba(5,100,60,.12);border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(3,60,38,.055)}.sub-card h3{font-size:clamp(21px,2.5vw,28px);line-height:1.25;font-weight:900;color:var(--green);margin-bottom:12px}.article-copy{color:#4f6359;font-size:16px;line-height:1.82}.article-copy p+p{margin-top:12px}.content-list{margin:14px 0;padding-left:20px;display:grid;gap:8px;list-style:disc}.content-steps{margin:14px 0;padding-left:24px;display:grid;gap:9px;list-style:decimal}.table-wrap{width:100%;overflow-x:auto;margin:18px 0;border:1px solid #dfe9e2;border-radius:14px}.content-table{width:100%;min-width:640px;border-collapse:collapse;background:#fff}.content-table th{padding:14px 16px;text-align:left;background:rgba(5,139,73,.09);color:#064c32;font-size:14px}.content-table td{padding:14px 16px;border-top:1px solid #e8efea;vertical-align:top;color:#4f6359}.content-table tbody tr:hover{background:#f7fbf8}.pdf-footer-copy{margin-top:22px;max-width:880px;line-height:1.8}.intro-section{padding-top:70px}@media(max-width:700px){.article-section{padding:58px 0}.section-intro-copy,.article-card,.sub-card{padding:20px;border-radius:16px}.section-image{border-radius:16px}.article-copy{font-size:15px}.section-head h2{font-size:32px}}


/* FAQ 2027 — editorial split accordion */
.faq-2027{background:#f1f3ec;position:relative;overflow:hidden}
.faq-2027 .faq-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:58px;align-items:start}
.faq-2027 .faq-side{position:sticky;top:118px;padding:34px;border-radius:18px;background:var(--forest);color:#fff;overflow:hidden;box-shadow:14px 14px 0 var(--lime)}
.faq-2027 .faq-side:after{content:"?";position:absolute;right:-16px;bottom:-74px;font-size:260px;line-height:1;font-weight:950;color:rgba(255,255,255,.06)}
.faq-2027 .faq-side .section-kicker{color:var(--lime)}
.faq-2027 .faq-side h2{position:relative;z-index:1;margin-top:14px;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.05em;font-weight:950;color:#fff}
.faq-2027 .faq-side>p{position:relative;z-index:1;margin-top:20px;max-width:320px;color:#dbe8e1;line-height:1.7}
.faq-2027 .faq-side-badge{position:relative;z-index:1;margin-top:32px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"tag number" "small number";align-items:end;gap:0 14px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.faq-2027 .faq-side-badge span{grid-area:tag;font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--lime)}
.faq-2027 .faq-side-badge strong{grid-area:number;justify-self:end;font-size:58px;line-height:.8;color:var(--lime)}
.faq-2027 .faq-side-badge small{grid-area:small;color:#c6d8cf}
.faq-2027 .faq-list{display:grid;gap:12px}
.faq-2027 .faq-item{position:relative;background:#fff;border:1px solid #d9e1dc;border-radius:12px;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.faq-2027 .faq-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--lime);transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.faq-2027 .faq-item:hover{transform:translateX(5px);border-color:#bccdc3}
.faq-2027 .faq-item.is-open{border-color:#aec4b7;box-shadow:0 18px 38px rgba(24,55,43,.09)}
.faq-2027 .faq-item.is-open:before{transform:scaleY(1)}
.faq-2027 .faq-question{width:100%;display:grid;grid-template-columns:44px 1fr 34px;gap:16px;align-items:center;padding:22px 22px;text-align:left;background:transparent;cursor:pointer}
.faq-2027 .faq-number{font-size:12px;font-weight:950;letter-spacing:.12em;color:#829087}
.faq-2027 .faq-question-text{font-size:18px;line-height:1.35;font-weight:950;color:var(--forest)}
.faq-2027 .faq-toggle{width:32px;height:32px;display:grid;place-items:center;border:1px solid #cfd9d3;border-radius:7px;position:relative;transition:.35s ease}
.faq-2027 .faq-toggle span{position:absolute;width:12px;height:2px;background:var(--green);transition:.35s ease}
.faq-2027 .faq-toggle span:last-child{transform:rotate(90deg)}
.faq-2027 .faq-item.is-open .faq-toggle{background:var(--green);border-color:var(--green);transform:rotate(45deg)}
.faq-2027 .faq-item.is-open .faq-toggle span{background:#fff}
.faq-2027 .faq-answer{display:grid;grid-template-rows:0fr;opacity:.15;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.faq-2027 .faq-answer-inner{overflow:hidden;padding:0 58px 0 82px;color:#5c6e65}
.faq-2027 .faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}
.faq-2027 .faq-item.is-open .faq-answer-inner{padding-bottom:24px}
@media(max-width:880px){.faq-2027 .faq-layout{grid-template-columns:1fr;gap:28px}.faq-2027 .faq-side{position:relative;top:auto;box-shadow:8px 8px 0 var(--lime)}}
@media(max-width:560px){.faq-2027 .faq-side{padding:26px 20px}.faq-2027 .faq-question{grid-template-columns:30px 1fr 30px;gap:10px;padding:17px 14px}.faq-2027 .faq-question-text{font-size:15px}.faq-2027 .faq-answer-inner{padding-left:54px;padding-right:14px}.faq-2027 .faq-side-badge strong{font-size:46px}}

/* Mobile header responsiveness: logo left, actions + menu right, slide-out nav drawer */
@media(max-width:920px){
  .header-2027 .wrap{height:72px!important;gap:10px;position:relative;padding-left:16px;padding-right:16px}
  .header-2027 .wrap>a:first-child{flex:0 0 auto;min-width:0}
  .header-2027 .brand-logo{display:block;max-width:112px;height:36px;width:auto}
  .header-2027 .desktop-nav{display:none!important}
  .header-2027 .actions{margin-left:auto;flex:0 0 auto;display:flex!important;align-items:center;gap:6px!important;white-space:nowrap}
  .header-2027 .actions .account-btn{padding:9px 12px;font-size:12px;line-height:1;min-height:38px}
  .header-2027 [data-menu-toggle]{display:flex!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px!important;height:38px!important;padding:0!important;font-size:20px;line-height:1}
  .header-2027 .mobile-menu{display:block!important;position:fixed!important;top:72px!important;right:0!important;left:auto!important;width:min(320px,86vw)!important;height:calc(100vh - 72px);padding:14px!important;border-radius:16px 0 0 0!important;border:1px solid #dce4df;border-right:0;background:#f6f7f0;box-shadow:-18px 22px 50px rgba(0,0,0,.16);overflow-y:auto;transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility .22s ease;z-index:80}
  .header-2027 .mobile-menu.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
  .header-2027 .mobile-menu a{display:block;border-radius:10px;transition:background .2s ease,color .2s ease,transform .2s ease}
  .header-2027 .mobile-menu a:hover{background:#e6eee8;color:#078f4d;transform:translateX(3px)}
}
@media(max-width:620px){
  .header-2027 .wrap{height:66px!important;padding-left:12px;padding-right:12px;gap:6px}
  .header-2027 .brand-logo{height:31px;max-width:92px}
  .header-2027 .actions{gap:4px!important}
  .header-2027 .actions .account-btn{padding:8px 9px;font-size:10.5px;min-height:34px}
  .header-2027 [data-menu-toggle]{flex-basis:34px;width:34px!important;height:34px!important;font-size:18px}
  .header-2027 .mobile-menu{top:66px!important;height:calc(100vh - 66px);width:min(300px,88vw)!important}
}


/* Mobile header overflow fix only */
@media(max-width:920px){
  .header-2027,.header-2027 .wrap{width:100%;max-width:100%;overflow:visible}
  .header-2027 .wrap{min-width:0;padding-left:12px;padding-right:12px;gap:6px}
  .header-2027 .wrap>a:first-child{min-width:0;max-width:90px;overflow:hidden}
  .header-2027 .brand-logo{height:31px!important;max-width:90px!important;width:auto!important}
  .header-2027 .actions{min-width:0;max-width:calc(100% - 96px);gap:4px!important}
  .header-2027 .actions .account-btn{flex:0 1 auto;padding:8px 9px!important;font-size:10.5px!important;min-height:34px!important;white-space:nowrap}
  .header-2027 [data-menu-toggle]{flex:0 0 34px!important;width:34px!important;height:34px!important;font-size:18px!important}
}
@media(max-width:420px){
  .header-2027 .wrap{padding-left:8px;padding-right:8px;gap:4px}
  .header-2027 .wrap>a:first-child{max-width:76px}
  .header-2027 .brand-logo{height:28px!important;max-width:76px!important}
  .header-2027 .actions{max-width:calc(100% - 80px);gap:3px!important}
  .header-2027 .actions .account-btn{padding:7px 7px!important;font-size:9.5px!important;min-height:32px!important}
  .header-2027 [data-menu-toggle]{flex-basis:32px!important;width:32px!important;height:32px!important;font-size:17px!important}
}