:root{--ink:#0d0f14;--paper:#f4f0e7;--gold:#e3af35;--red:#b72217;--green:#7fae2b;--soft:#cec6b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c0d11;color:#f7f4ea;font-family:"Trebuchet MS",Inter,system-ui,sans-serif;overflow-x:hidden;padding-bottom:86px}.wrap{width:min(1220px,calc(100% - 30px));margin:auto}.topline{height:6px;background:linear-gradient(90deg,#6f4710,#f4c94f,#7a4b0d,#f4c94f,#6f4710);background-size:240% 100%;animation:slide 7s linear infinite}@keyframes slide{to{background-position:240% 0}}.header{position:fixed;top:6px;left:0;right:0;z-index:60}.header-card{margin-top:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;background:rgba(12,13,17,.72);border:1px solid rgba(227,175,53,.22);border-radius:20px;padding:9px 12px 9px 18px;backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.2)}.logo{width:96px}.nav{display:flex;justify-content:center;gap:10px}.nav a{color:#e5dfd2;text-decoration:none;padding:10px 12px;border-radius:999px;font-size:13px;font-weight:800;transition:.25s}.nav a:hover{background:rgba(227,175,53,.1);color:#ffd86a}.header-actions{display:flex;gap:8px}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:white;font-weight:900;letter-spacing:.02em;min-height:44px;padding:0 19px;border-radius:999px;overflow:hidden;transition:.25s;isolation:isolate}.cta::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#4e2506,#ffd66b,#9a190f,#ffd66b,#4e2506);background-size:300% 100%;animation:gradientMove 4s linear infinite}.cta::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;background:#12151a}.cta.red::after{background:linear-gradient(180deg,#d64533,#8d160f)}.cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px rgba(227,175,53,.22)}@keyframes gradientMove{to{background-position:300% 0}}.menu-button{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#15171c;color:#fff;font-size:20px}
.hero{position:relative;min-height:820px;display:grid;align-items:end;overflow:hidden;background:#0a0b0e}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,9,.24) 0%,rgba(6,7,9,.12) 42%,rgba(6,7,9,.96) 88%),url('../images/blackjack.webp') center 28%/cover no-repeat;transform:scale(1.04)}.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent 15%,black 65%,black)}.rings{position:absolute;right:-150px;top:120px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(227,175,53,.26);box-shadow:0 0 0 55px rgba(227,175,53,.035),0 0 0 110px rgba(227,175,53,.025);animation:orbit 14s linear infinite}@keyframes orbit{50%{transform:scale(1.05) rotate(180deg)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:3;padding:160px 0 78px;display:grid;grid-template-columns:1.4fr .6fr;gap:46px;align-items:end}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,92px);line-height:.92;margin:0 0 20px;letter-spacing:-.055em;max-width:900px;text-shadow:0 10px 40px rgba(0,0,0,.55)}.hero h1 em{font-style:normal;color:#f3c95c}.hero p{color:#d6d0c5;line-height:1.72;font-size:18px;max-width:690px}.hero-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-side{border-left:1px solid rgba(227,175,53,.35);padding-left:28px;display:grid;gap:18px}.metric{padding:10px 0}.metric strong{display:block;font-size:34px;color:#ffd66f}.metric span{font-size:12px;color:#aaa395;letter-spacing:.12em}.ticker{position:relative;z-index:4;border-top:1px solid rgba(227,175,53,.25);border-bottom:1px solid rgba(227,175,53,.25);background:#111318;overflow:hidden}.ticker-track{display:flex;width:max-content;gap:38px;padding:13px 0;animation:marquee 22s linear infinite;color:#f1ca68;font-size:12px;font-weight:900;letter-spacing:.11em}.ticker-track span::after{content:"✦";margin-left:38px;color:#7faa31}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:100px 0}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.section-label{position:sticky;top:130px}.small{font-size:12px;color:#e2b84f;letter-spacing:.14em;font-weight:900}.section h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,58px);margin:10px 0 0;letter-spacing:-.04em}.section-copy{color:#b7b0a6;line-height:1.8}.masonry{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.story{position:relative;min-height:360px;border-radius:6px;overflow:hidden;border:1px solid rgba(227,175,53,.18);background:#14171c}.story.tall{grid-row:span 2;min-height:740px}.story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.story::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,7,9,.96),rgba(6,7,9,.05) 70%)}.story:hover img{transform:scale(1.035)}.story-content{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.story h3{font-size:24px;margin:0 0 7px}.story p{margin:0;color:#c7c1b6;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.image-frame{position:relative;padding:18px;border:1px solid rgba(227,175,53,.26);border-radius:180px 20px 180px 20px;background:linear-gradient(135deg,rgba(227,175,53,.08),transparent)}.image-frame img{width:100%;display:block;border-radius:160px 12px 160px 12px}.bullet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.bullet{padding:18px;background:#12151a;border-left:3px solid var(--gold);color:#c1baaf}.footer{padding:54px 0 120px;background:linear-gradient(180deg,#0c0d11,#07080a);border-top:1px solid rgba(227,175,53,.14)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.footer-logo{width:120px}.footer p,.footer a{color:#9c9589;text-decoration:none;font-size:14px;line-height:1.8}.sticky-banner{position:fixed;z-index:90;left:50%;bottom:8px;transform:translateX(-50%);width:min(980px,calc(100% - 18px));height:72px;border-radius:999px;overflow:hidden;border:1px solid rgba(227,175,53,.72);background:#08090b;box-shadow:0 15px 55px rgba(0,0,0,.66);transition:.3s}.sticky-banner img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.sticky-banner a{display:block;width:100%;height:100%}.sticky-close{position:absolute;right:7px;top:7px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.72);color:white;z-index:2;cursor:pointer}.hidden-banner{opacity:0;transform:translate(-50%,120px);pointer-events:none}.mobile-menu{display:none}
@media(max-width:900px){.nav{display:none}.menu-button{display:grid;place-items:center}.hero-content{grid-template-columns:1fr;padding-top:170px}.hero-side{grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid rgba(227,175,53,.28);padding:20px 0 0}.intro{grid-template-columns:1fr;gap:26px}.section-label{position:static}.masonry{grid-template-columns:1fr 1fr}.story.tall{grid-row:auto;min-height:430px}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-menu{display:block;position:fixed;inset:0;z-index:100;background:rgba(5,6,8,.92);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.25s}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-panel{margin-left:auto;width:min(330px,86vw);height:100%;background:#111318;border-left:1px solid rgba(227,175,53,.22);padding:24px;transform:translateX(100%);transition:.3s}.mobile-menu.is-open .mobile-panel{transform:none}.mobile-links{display:grid;gap:9px;margin-top:30px}.mobile-links a{padding:14px;border-bottom:1px solid rgba(255,255,255,.06);color:white;text-decoration:none}}
@media(max-width:650px){.wrap{width:min(100% - 20px,1220px)}.header-card{grid-template-columns:auto 1fr auto;gap:8px;border-radius:16px;padding-left:12px}.logo{width:76px}.header-actions{justify-self:end}.header-actions .cta{min-height:36px;padding:0 10px;font-size:11px}.hero{min-height:740px}.hero-content{padding-bottom:56px}.hero p{font-size:16px}.hero-side{grid-template-columns:1fr 1fr 1fr}.metric strong{font-size:24px}.masonry{grid-template-columns:1fr}.section{padding:70px 0}.bullet-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.sticky-banner{height:62px;border-radius:14px}.rings{width:350px;height:350px;right:-190px}}

/* PDF content integration */
.doc-shell{max-width:1180px;margin:0 auto}.doc-intro{padding-top:56px;padding-bottom:24px}.doc-intro p,.doc-section p{line-height:1.8;color:var(--muted,#aeb4bd);font-size:16px}.doc-section{padding:76px 0;border-top:1px solid rgba(255,255,255,.07)}.doc-section-head{display:flex;flex-direction:column;gap:20px;align-items:stretch;margin-bottom:28px}.doc-section-head h2{margin:7px 0 0}.doc-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--gold,#f6c64d)}.doc-section-image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:22px;border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 55px rgba(0,0,0,.24)}.doc-subsection{margin-top:30px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}.doc-subsection h3{margin:0 0 12px;font-size:22px}.doc-subsection ul{padding-left:22px;line-height:1.8;color:var(--muted,#aeb4bd)}.doc-table-wrap{overflow-x:auto;margin:16px 0 20px;border:1px solid rgba(255,255,255,.1);border-radius:14px}.doc-table{width:100%;border-collapse:collapse;min-width:620px}.doc-table th,.doc-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.doc-table th{font-size:13px;letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.06)}.doc-table tr:last-child td{border-bottom:0}@media(max-width:760px){.doc-section{padding:54px 0}.doc-section-head{grid-template-columns:1fr;gap:18px}.doc-section-image{border-radius:16px}.doc-subsection{padding:18px}}
.hero::before{background:linear-gradient(180deg,rgba(6,7,9,.24) 0%,rgba(6,7,9,.12) 42%,rgba(6,7,9,.96) 88%),url('../images/B52_Tham_Gia_Ngay_Kham_Pha_Game_Nhan_Bonus_Hap_Dan_2027_1920x660.webp') center 28%/cover no-repeat!important;}


/* FAQ 2027 — editorial split accordion */
#section-13.faq-2027 .doc-section-head{margin-bottom:26px}
#section-13.faq-2027 .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#section-13.faq-2027 .faq-item{position:relative;border-radius:16px;background:#12151a;border:1px solid rgba(227,175,53,.18);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
#section-13.faq-2027 .faq-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#ffd66b,#e3af35);transform:scaleY(.3);transform-origin:center;opacity:.45;transition:transform .35s ease,opacity .35s ease}
#section-13.faq-2027 .faq-item:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.32)}
#section-13.faq-2027 .faq-item.is-open{border-color:rgba(227,175,53,.42);box-shadow:0 16px 36px rgba(227,175,53,.12)}
#section-13.faq-2027 .faq-item.is-open:before{transform:scaleY(1);opacity:1}
#section-13.faq-2027 .faq-question{width:100%;display:flex;align-items:center;gap:13px;padding:19px 18px 19px 22px;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}
#section-13.faq-2027 .faq-qmark{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:999px;background:rgba(227,175,53,.12);color:#ffd66b;font-size:12px;font-weight:900;letter-spacing:.04em}
#section-13.faq-2027 .faq-question-text{flex:1;font-size:16.5px;line-height:1.45;font-weight:800}
#section-13.faq-2027 .faq-chevron{flex:0 0 auto;width:10px;height:10px;border-right:2px solid #aaa395;border-bottom:2px solid #aaa395;transform:rotate(45deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease;margin-right:4px}
#section-13.faq-2027 .faq-item.is-open .faq-chevron{transform:rotate(225deg);border-color:#ffd66b}
#section-13.faq-2027 .faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .44s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
#section-13.faq-2027 .faq-answer-inner{padding:0 20px 20px 69px;color:#b7b0a6;line-height:1.75}
#section-13.faq-2027 .faq-answer-inner p{margin:0}
@media(max-width:800px){#section-13.faq-2027 .faq-list{grid-template-columns:1fr}}
@media(max-width:640px){#section-13.faq-2027 .faq-question{padding:16px 14px 16px 18px;gap:10px}#section-13.faq-2027 .faq-question-text{font-size:15.5px}#section-13.faq-2027 .faq-answer-inner{padding:0 14px 17px 62px;font-size:14px}}