:root{--blue:#09B8FD;--navy:#071d45;--ink:#0d2342;--sky:#eaf8ff;--line:rgba(13,35,66,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7fbff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.site-header{height:82px;display:flex;align-items:center;gap:28px;padding:0 clamp(18px,4vw,64px);position:relative;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,184,253,.13)}.brand img{width:148px;height:52px;object-fit:contain}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a,.nav-pill a{font-size:14px;font-weight:700;color:#365170;transition:.25s}.site-header nav a:hover,.nav-pill a:hover{color:var(--blue)}.head-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.login,.register{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:12px;font-weight:800;font-size:14px;overflow:hidden;isolation:isolate}.login{border:1px solid rgba(9,184,253,.34);background:#fff;color:#127eb0}.register{color:#fff;background:linear-gradient(120deg,#07aef1,#1a6cff,#07aef1);background-size:220% 100%;animation:gradientShift 3s linear infinite;box-shadow:0 10px 26px rgba(9,184,253,.28)}.register:after,.btn-primary:after{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:translateX(-120%) skewX(-20deg);animation:shine 3.5s ease-in-out infinite;z-index:-0}.login:before,.btn-secondary:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,#09B8FD,#6bdcff,#275eff,#09B8FD);background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderMove 4s linear infinite;pointer-events:none}.menu-btn{display:none;border:0;background:#edf8fe;color:#0c82b7;width:42px;height:42px;border-radius:12px;font-size:20px}.hero{position:relative;min-height:650px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,17,48,.72),rgba(3,36,81,.18)),url('../images/8xbet_2028_chao_anh_em_vao_sanh_1920x660.webp') center/cover no-repeat;z-index:-3}.hero h1{margin:0;color:#fff;letter-spacing:-.045em;line-height:.96}.hero p{color:rgba(255,255,255,.78);font-size:clamp(16px,1.5vw,20px);line-height:1.7;max-width:700px}.hero-kicker,.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.hero-kicker{color:#87ddff;margin-bottom:20px}.hero-inner{min-height:650px;display:flex;flex-direction:column;justify-content:center;padding:90px clamp(20px,7vw,110px);position:relative;z-index:2}.hero-inner.center{align-items:center;text-align:center}.hero-inner.left{align-items:flex-start}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:14px;font-weight:900;transition:transform .25s,box-shadow .25s;overflow:hidden;isolation:isolate}.btn:hover{transform:translateY(-3px) scale(1.015)}.btn-primary{background:linear-gradient(120deg,#09B8FD,#246bff,#09B8FD);background-size:250% 100%;color:#fff;box-shadow:0 14px 32px rgba(9,184,253,.32);animation:gradientShift 3.2s linear infinite}.btn-secondary{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(10px)}.content-section,.stories-section{padding:clamp(72px,8vw,120px) clamp(20px,6vw,96px);max-width:1500px;margin:auto}.section-heading{max-width:760px;margin-bottom:44px}.section-heading .eyebrow{color:#1687ba}.section-heading h2{font-size:clamp(34px,4vw,64px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 16px}.section-heading p{font-size:18px;line-height:1.7;color:#60728b}.feature-grid,.story-grid{display:grid;gap:20px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px rgba(44,97,135,.08);padding:34px;border-radius:24px;transition:.3s}.feature-card:hover{transform:translateY(-7px)}.feature-card .num{color:var(--blue);font-size:13px;font-weight:900}.feature-card h3{font-size:24px;margin:34px 0 10px}.feature-card p{margin:0;color:#6b7b91;line-height:1.65}.story-grid{grid-template-columns:repeat(3,1fr)}.story-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(25,68,110,.1);transition:.3s}.story-card:hover{transform:translateY(-6px)}.story-card img{width:100%;aspect-ratio:850/450;object-fit:cover}.story-card>div{padding:22px}.story-card span{font-size:12px;color:#1385ba;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.story-card h3{font-size:21px;line-height:1.35;margin:10px 0 0}.cta-section{margin:0 clamp(20px,6vw,96px) 120px;padding:clamp(40px,6vw,80px);background:#071f49;color:#fff;border-radius:30px;display:flex;align-items:end;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta-section:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-80px;top:-120px;background:radial-gradient(circle,rgba(9,184,253,.42),transparent 68%)}.cta-section h2{font-size:clamp(34px,4vw,62px);line-height:1;margin:12px 0 16px;max-width:760px}.cta-section p{color:#bcd0e8;max-width:680px}.cta-section .cta-actions{position:relative;z-index:2;flex-shrink:0}.site-footer{padding:50px clamp(20px,6vw,96px) 120px;background:#04142f;color:#a8bdd5;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.site-footer img{width:140px;filter:brightness(3)}.site-footer h4{color:#fff;margin-top:0}.site-footer a{display:block;margin:8px 0}.sticky-banner{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:100;width:min(728px,calc(100% - 24px));border-radius:14px;overflow:hidden;box-shadow:0 16px 45px rgba(1,27,67,.38);border:1px solid rgba(255,255,255,.55)}.sticky-banner img{width:100%;height:auto}.sticky-close{position:absolute;right:6px;top:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(2,18,43,.84);color:#fff;font-size:18px;cursor:pointer}.mobile-menu{display:none}.shape{position:absolute;pointer-events:none}@keyframes gradientShift{to{background-position:220% 0}}@keyframes shine{0%,55%{transform:translateX(-130%) skewX(-20deg)}80%,100%{transform:translateX(150%) skewX(-20deg)}}@keyframes borderMove{to{background-position:300% 0}}@keyframes float{50%{transform:translate3d(0,-18px,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.65}}@keyframes drift{50%{transform:translate3d(25px,-15px,0) rotate(8deg)}}@media(max-width:900px){.site-header nav,.nav-pill,.edition{display:none}.menu-btn{display:inline-grid;place-items:center}.hero{min-height:600px}.hero-inner{min-height:600px;padding-top:70px}.feature-grid,.story-grid{grid-template-columns:1fr 1fr}.cta-section{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr 1fr}.mobile-menu{position:fixed;right:16px;top:72px;z-index:80;background:#fff;border:1px solid rgba(9,184,253,.15);box-shadow:0 18px 48px rgba(13,43,74,.18);padding:16px;border-radius:18px;min-width:220px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:11px 12px;border-radius:10px;font-weight:800}.mobile-menu a:hover{background:#edf8fe}}@media(max-width:600px){.site-header{height:70px;padding:0 14px;gap:10px}.brand img{width:105px}.login,.register{min-height:38px;padding:0 10px;font-size:12px}.menu-btn{width:38px;height:38px}.hero{min-height:560px}.hero-inner{min-height:560px;padding:70px 20px}.feature-grid,.story-grid{grid-template-columns:1fr}.content-section,.stories-section{padding-left:18px;padding-right:18px}.feature-card{padding:26px}.cta-section{margin:0 14px 100px;padding:34px 24px;border-radius:22px}.site-footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.sticky-banner{bottom:6px}}

body{background:#f8f6f2;color:#13273c}.header-editorial{justify-content:space-between;background:#f8f6f2;border-bottom:1px solid #dbe2e7}.edition{font:800 11px/1 Inter;letter-spacing:.2em}.header-editorial .head-actions{margin-left:0}.hero-editorial{min-height:760px}.hero-editorial:before{background:linear-gradient(90deg,rgba(3,23,51,.18),rgba(3,23,51,.6)),url('../images/8xbet_2028_chao_anh_em_vao_sanh_1920x660.webp') center/cover}.editorial-bar{position:absolute;left:5vw;right:5vw;top:42px;display:flex;justify-content:space-between;color:#fff;font-size:11px;font-weight:900;letter-spacing:.2em;z-index:2;border-top:1px solid rgba(255,255,255,.4);padding-top:12px}.editorial-copy{position:absolute;left:6vw;bottom:70px;max-width:1080px;z-index:2}.editorial-copy h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(62px,9vw,138px);max-width:980px;letter-spacing:-.06em}.editorial-copy p{max-width:620px}.content-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.feature-grid{grid-template-columns:1fr}.feature-card{border-radius:0;border-width:1px 0 0;box-shadow:none;background:transparent;padding:28px 0}.feature-card h3{margin-top:18px;font-family:Georgia,serif}.stories-section{background:#fff;max-width:none}.story-grid{grid-template-columns:repeat(12,1fr)}.story-card{box-shadow:none;border-radius:0;background:transparent}.story-card:nth-child(1),.story-card:nth-child(4){grid-column:span 7}.story-card:nth-child(2),.story-card:nth-child(3),.story-card:nth-child(5),.story-card:nth-child(6){grid-column:span 5}.story-card h3{font-family:Georgia,serif}.cta-section{border-radius:0;background:#08284d}@media(max-width:900px){.content-section{grid-template-columns:1fr}.story-card{grid-column:span 6!important}}@media(max-width:600px){.story-card{grid-column:span 12!important}}

/* === Requested update: light theme + premium header styling === */
body{background:#f7fbff!important;color:#0d2342!important}
.content-section,.stories-section{color:#0d2342}
.feature-card,.story-card{background:#fff!important;color:#0d2342}
.cta-section{background:linear-gradient(135deg,#ffffff 0%,#eef9ff 100%)!important;color:#0d2342!important;border:1px solid rgba(9,184,253,.16);box-shadow:0 24px 70px rgba(39,105,145,.10)}
.cta-section p{color:#62778e!important}
.cta-section:after{background:radial-gradient(circle,rgba(9,184,253,.18),transparent 68%)}
.cta-section .btn-secondary{background:#fff;color:#0d2342;border-color:rgba(9,184,253,.25)}
.site-footer{background:#fff!important;color:#63788f!important;border-top:1px solid #e4eef5}
.site-footer h4{color:#0d2342!important}
.site-footer img{filter:none!important}
.site-footer a:hover{color:#09B8FD}

.site-header{background:rgba(255,255,255,.94)!important;border:1px solid rgba(9,184,253,.14)!important;box-shadow:0 12px 38px rgba(31,90,128,.10)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header nav a{position:relative;color:#365170!important}
.site-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:2px;border-radius:999px;background:linear-gradient(90deg,#09B8FD,#3c7cff);transition:left .25s ease,right .25s ease}
.site-header nav a:hover:after{left:0;right:0}
.site-header nav a:hover{color:#087fb3!important}
.login{background:#fff!important;color:#087fb3!important;box-shadow:0 7px 20px rgba(34,106,147,.08)}
.register{box-shadow:0 12px 28px rgba(9,184,253,.24)}
.menu-btn{background:#eef9ff!important;border:1px solid rgba(9,184,253,.16)!important;box-shadow:0 7px 18px rgba(26,103,146,.08)}
.mobile-menu{background:rgba(255,255,255,.98)!important;border:1px solid rgba(9,184,253,.16)!important}
.header-editorial{position:sticky!important;top:0;z-index:90;background:#fff!important;border-width:0 0 1px!important;box-shadow:0 8px 26px rgba(39,91,121,.08)!important}.header-editorial .edition{color:#70859b;padding:10px 14px;border:1px solid #dfeaf1;border-radius:999px;background:#f8fbfd}.header-editorial .head-actions{gap:8px}

/* FAQ — unique accordion */
.faq-section{position:relative;overflow:hidden;padding:clamp(72px,9vw,128px) 24px}.faq-wrap{width:min(1180px,100%);margin:auto}.faq-intro h2{margin:10px 0 14px;font-size:clamp(2rem,4vw,3.45rem);line-height:1.04;letter-spacing:-.045em}.faq-intro>p{max-width:620px;color:#667085;line-height:1.8}.faq-list{display:grid;gap:14px}.faq-item{position:relative}.faq-question{width:100%;border:0;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;font:inherit;color:inherit}.faq-qtext{flex:1;font-weight:750;line-height:1.35}.faq-index{font-size:.76rem;font-weight:900;letter-spacing:.1em}.faq-icon{width:38px;height:38px;flex:none;position:relative}.faq-icon:before,.faq-icon:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .32s ease}.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-question[aria-expanded="true"] .faq-icon:after{transform:translate(-50%,-50%) rotate(180deg);opacity:0}.faq-answer{display:grid;grid-template-rows:0fr;opacity:.45;transition:grid-template-rows .48s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.faq-answer-inner{overflow:hidden}.faq-answer p{margin:0;line-height:1.78;color:#667085}.faq-item.open .faq-answer{grid-template-rows:1fr;opacity:1}@media(max-width:760px){.faq-section{padding:64px 18px}.faq-question{gap:12px}.faq-qtext{font-size:.98rem}.faq-index{display:none}}
/* D — pill / glass accordion */.faq-d{background:radial-gradient(circle at 15% 10%,rgba(9,184,253,.12),transparent 30%),#fff}.faq-d .faq-shell{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:start}.faq-d .faq-intro{padding:38px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid #dff2fb;box-shadow:0 20px 55px rgba(21,107,152,.09);backdrop-filter:blur(12px)}.faq-d .faq-list{gap:12px}.faq-d .faq-item{border:1px solid #dcecf4;border-radius:999px;background:#fff;transition:border-radius .4s ease,box-shadow .3s ease,transform .3s ease}.faq-d .faq-item.open{border-radius:28px;box-shadow:0 18px 42px rgba(9,117,168,.11);transform:translateY(-2px)}.faq-d .faq-question{padding:16px 18px}.faq-d .faq-index{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f0f9fd;color:#078dc8}.faq-d .faq-icon{border:1px solid #bde6f7;border-radius:50%;color:#087eaf}.faq-d .faq-answer p{padding:2px 70px 24px 72px}@media(max-width:860px){.faq-d .faq-shell{grid-template-columns:1fr;gap:28px}.faq-d .faq-intro{padding:26px}.faq-d .faq-item{border-radius:24px}}