/*
Theme Name: VN88Fan Flatsome Complete
Theme URI: https://example.com/
Description: Flatsome child theme with prebuilt red/gold SEO landing layout, UX Blocks and responsive styling.
Author: OpenAI
Template: flatsome
Version: 1.0.0
Text Domain: vn88fan-flatsome
*/

:root{
  --vn88-red:#a80000;
  --vn88-red-dark:#650000;
  --vn88-red-deep:#2b0505;
  --vn88-gold:#f3b313;
  --vn88-gold-2:#ffd85a;
  --vn88-cream:#fff8e7;
  --vn88-text:#2b2b2b;
  --vn88-muted:#6f6f6f;
  --vn88-border:#ead7bd;
  --vn88-shadow:0 10px 28px rgba(91,18,8,.13);
  --vn88-radius:14px;
}

body.vn88f-ready-site,
body.vn88f-ready-site input,
body.vn88f-ready-site textarea,
body.vn88f-ready-site select,
body.vn88f-ready-site button{
  font-family:Arial,"Segoe UI",Tahoma,sans-serif!important;
  color:var(--vn88-text);
}
body.vn88f-ready-site h1,body.vn88f-ready-site h2,body.vn88f-ready-site h3,body.vn88f-ready-site h4{font-family:Arial,"Segoe UI",Tahoma,sans-serif!important;font-weight:800;letter-spacing:-.02em}
body.vn88f-ready-site h2{font-size:30px;color:#76120d;line-height:1.25}
body.vn88f-ready-site h3{color:#8c120e}
body.vn88f-ready-site p{line-height:1.72}
body.vn88f-ready-site a{transition:.2s}

/* Flatsome header skin */
body.vn88f-ready-site #header .header-main{background:linear-gradient(180deg,#9f0000,#7b0000);border-bottom:1px solid rgba(255,215,90,.45)}
body.vn88f-ready-site #header .header-bottom{background:linear-gradient(180deg,#800000,#670000)!important}
body.vn88f-ready-site #header .nav>li>a{color:#fff!important;font-weight:800;font-size:13px;text-transform:uppercase}
body.vn88f-ready-site #header .nav>li>a:hover{color:var(--vn88-gold-2)!important}
body.vn88f-ready-site #header .header-search-form-wrapper input{border-radius:6px}
body.vn88f-ready-site #logo img{display:none!important}
body.vn88f-ready-site #logo a{display:flex!important;align-items:center;text-decoration:none!important;min-width:145px}
body.vn88f-ready-site #logo a:before{content:"VN★88";font-size:31px;line-height:1;color:#fff;font-weight:900;letter-spacing:-2px;text-shadow:0 2px 4px rgba(0,0,0,.25)}
body.vn88f-ready-site #logo a:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--vn88-gold);box-shadow:0 0 12px var(--vn88-gold);margin-left:7px}

/* Access strip */
.vn88f-access{background:#fff7e6;border-bottom:1px solid #efd4a6;padding:9px 0}
.vn88f-access-inner{display:flex;gap:14px;align-items:center;justify-content:space-between}
.vn88f-access-copy{display:flex;align-items:center;gap:10px;color:#67110d;font-weight:800;font-size:13px}.vn88f-access-copy b{display:inline-flex;align-items:center;justify-content:center;background:#a90000;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px}
.vn88f-access-actions{display:flex;gap:8px}.vn88f-mini-btn{display:inline-block;border-radius:6px;padding:8px 15px;font-size:12px;font-weight:900;text-transform:uppercase}.vn88f-mini-btn.login{background:#7b0000;color:#fff}.vn88f-mini-btn.register{background:linear-gradient(180deg,#ffd75a,#f0ad09);color:#651000;box-shadow:0 3px 0 #c67d00}

/* Hero */
.vn88f-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 44%,rgba(255,194,32,.25),transparent 23%),radial-gradient(circle at 20% 15%,rgba(255,255,255,.08),transparent 18%),linear-gradient(115deg,#120606 0,#420607 34%,#8e0805 70%,#350605 100%);color:#fff;border-bottom:4px solid #d69a09}
.vn88f-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(132deg,transparent 0 38px,rgba(255,255,255,.018) 38px 40px);pointer-events:none}
.vn88f-hero-copy{padding:24px 0 14px;position:relative;z-index:2}.vn88f-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vn88f-brand-mark{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#e31111 0 56%,#840000 58%);border:4px solid #ffc83b;display:flex;align-items:center;justify-content:center;color:#ffd43f;font-size:29px;font-weight:900;box-shadow:0 0 26px rgba(255,183,16,.38)}.vn88f-brand-name{font-size:50px;line-height:.95;color:#fff;font-weight:900;letter-spacing:-3px}.vn88f-brand-name span{color:#ffd33d}.vn88f-hero h1{font-size:38px;color:#fff;margin:12px 0 8px;line-height:1.12}.vn88f-hero p{font-size:17px;color:#f7ded8;max-width:690px}.vn88f-badges{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.vn88f-badge{display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(255,214,86,.48);background:rgba(0,0,0,.23);border-radius:999px;padding:8px 11px;font-size:12px;color:#fff}.vn88f-badge strong{color:#ffd953}
.vn88f-hero .button{font-weight:900!important;border-radius:6px!important}.vn88f-hero .button.primary{background:linear-gradient(180deg,#ffd750,#edaa08)!important;color:#650b07!important;box-shadow:0 4px 0 #bd7100,0 10px 20px rgba(0,0,0,.18)!important}.vn88f-hero .button.secondary{border:2px solid #fff!important;color:#fff!important;background:rgba(255,255,255,.05)!important}
.vn88f-visual{min-height:330px;position:relative;margin:18px 0}.vn88f-visual-ring{position:absolute;width:290px;height:290px;border-radius:50%;right:15%;top:8%;border:18px solid rgba(255,193,30,.22);box-shadow:0 0 0 10px rgba(255,255,255,.04),0 0 50px rgba(255,166,0,.22)}.vn88f-cardfan{position:absolute;left:8%;bottom:30px;width:205px;height:142px}.vn88f-cardfan i{position:absolute;width:80px;height:116px;border-radius:10px;background:#fff8dd;border:3px solid #f2cf73;box-shadow:0 10px 18px rgba(0,0,0,.28);bottom:0;left:54px;transform-origin:bottom center}.vn88f-cardfan i:nth-child(1){transform:rotate(-24deg);left:24px}.vn88f-cardfan i:nth-child(2){transform:rotate(-10deg);left:46px}.vn88f-cardfan i:nth-child(3){transform:rotate(8deg);left:72px}.vn88f-cardfan i:nth-child(4){transform:rotate(22deg);left:93px}.vn88f-cardfan i:after{content:"A";position:absolute;top:9px;left:11px;font-size:24px;font-style:normal;color:#9c0704;font-weight:900}.vn88f-coin{position:absolute;width:96px;height:96px;border-radius:50%;right:8%;bottom:38px;background:radial-gradient(circle at 35% 25%,#fff4a5,#f8c12a 28%,#c37a03 72%);border:8px solid #f9d462;box-shadow:0 12px 25px rgba(0,0,0,.35),inset 0 0 0 5px #a65d00;display:flex;align-items:center;justify-content:center;color:#7e0b06;font-size:38px;font-weight:900}.vn88f-slot{position:absolute;right:26%;top:74px;width:170px;height:150px;border:8px solid #d5960b;border-radius:15px;background:#2d0505;box-shadow:0 15px 30px rgba(0,0,0,.28)}.vn88f-slot:before{content:"JACKPOT";position:absolute;left:18px;right:18px;top:-35px;text-align:center;background:#8d0504;border:3px solid #e4ae27;border-radius:8px;color:#ffd64e;font-weight:900;padding:5px}.vn88f-reels{display:flex;gap:5px;padding:30px 11px 11px}.vn88f-reels b{flex:1;background:#fff8de;border-radius:5px;color:#ba0907;font-size:34px;height:75px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #d8b05e}

/* quick cards */
.vn88f-quick-section{background:#fff;padding-top:0!important}.vn88f-quick-row{margin-top:-24px!important;position:relative;z-index:5}.vn88f-quick{height:100%;background:#fff;border:1px solid #ecd8be;border-radius:12px;padding:17px 15px;box-shadow:var(--vn88-shadow);display:flex;gap:12px;align-items:center}.vn88f-quick-icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#b80b07,#780000);color:#ffd54a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;box-shadow:inset 0 0 0 3px #e4af2b}.vn88f-quick strong{display:block;color:#78110c}.vn88f-quick small{display:block;color:#826d62;margin-top:3px}

/* content */
.vn88f-content{background:#fff}.vn88f-article{padding-right:28px}.vn88f-article h2{border-bottom:2px solid #f0dfc6;padding-bottom:9px;position:relative}.vn88f-article h2:after{content:"";position:absolute;left:0;bottom:-2px;width:90px;height:2px;background:#a40a06}.vn88f-lead-image{position:relative;min-height:220px;margin:20px 0 28px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 68% 35%,rgba(255,217,84,.35),transparent 25%),linear-gradient(115deg,#190706,#6f0806 53%,#a50804);box-shadow:var(--vn88-shadow);display:flex;align-items:center;padding:30px;color:#fff}.vn88f-lead-image:before{content:"VN★88";position:absolute;right:26px;top:25px;font-size:66px;font-weight:900;color:rgba(255,255,255,.08);letter-spacing:-5px}.vn88f-lead-image strong{display:block;font-size:25px;color:#ffd34d}.vn88f-lead-image span{display:block;max-width:520px;color:#f4dbd4;margin-top:6px}
.vn88f-feature{height:100%;padding:18px;border:1px solid #eedbc1;background:linear-gradient(180deg,#fff,#fffaf3);border-radius:14px;box-shadow:0 7px 20px rgba(110,22,11,.07)}.vn88f-feature em{font-style:normal;width:42px;height:42px;border-radius:10px;background:#9e0905;color:#ffd54a;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:9px}.vn88f-feature h3{font-size:17px;margin:0 0 6px}.vn88f-feature p{font-size:14px;color:#706058;margin:0;line-height:1.55}
.vn88f-category{height:100%;padding:18px 10px;text-align:center;border:1px solid #ecd9c3;border-radius:14px;background:#fffaf3;transition:.2s}.vn88f-category:hover{transform:translateY(-4px);box-shadow:var(--vn88-shadow);background:#fff}.vn88f-category b{width:58px;height:58px;border-radius:50%;margin:0 auto 9px;background:linear-gradient(180deg,#ba0c07,#730000);border:4px solid #f2c24f;color:#fff4bb;display:flex;align-items:center;justify-content:center;font-size:17px}.vn88f-category span{display:block;font-size:12px;color:#71110d;font-weight:900}
.vn88f-product-banner{min-height:175px;border-radius:15px;background:linear-gradient(112deg,#1d0605,#7e0804 60%,#b10c06);position:relative;overflow:hidden;padding:24px;color:#fff;display:flex;align-items:center;box-shadow:var(--vn88-shadow);margin:16px 0}.vn88f-product-banner:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:28px solid rgba(255,210,69,.17);right:-50px;top:-50px}.vn88f-product-banner h3{color:#ffd653;font-size:23px;margin:0 0 5px}.vn88f-product-banner p{color:#f6ddd5;margin:0;max-width:520px}
.vn88f-step{height:100%;text-align:center;border:1px solid #eddac1;border-radius:14px;padding:18px 12px;background:#fff}.vn88f-step i{font-style:normal;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:#970804;color:#ffd54a;border:3px solid #e7b43d;font-weight:900}.vn88f-step h3{font-size:16px;margin:4px 0}.vn88f-step p{font-size:13px;margin:0;line-height:1.5;color:#6e5d55}

/* sidebar */
.vn88f-sidebar{padding-left:14px}.vn88f-side-card{background:#fff;border:1px solid #ebd9c3;border-radius:14px;overflow:hidden;margin-bottom:16px;box-shadow:0 8px 22px rgba(110,18,8,.09)}.vn88f-side-card h3{margin:0;background:linear-gradient(180deg,#a30a06,#770000);color:#fff;padding:13px 16px;font-size:17px;border-bottom:3px solid #e0a71e}.vn88f-side-card .vn88f-side-body{padding:12px 16px}.vn88f-side-card a{display:block;color:#68110e;font-weight:700;padding:8px 0;border-bottom:1px dashed #e5d4c0}.vn88f-side-card a:last-child{border-bottom:0}.vn88f-side-cta{text-align:center;background:#fff8e8}.vn88f-side-logo{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:16px auto 8px;background:#920805;border:5px solid #f1bf45;color:#ffd851;font-size:24px;font-weight:900}

/* FAQ / news / CTA / footer */
.vn88f-faq{background:linear-gradient(180deg,#fff9ef,#fff4df);border-top:1px solid #efdfc9;border-bottom:1px solid #efdfc9}.vn88f-faq .accordion-title{background:#fff;border:1px solid #e7d4bc;border-radius:10px;margin:0 0 9px;padding:14px 45px 14px 16px;color:#74110d;font-weight:800}.vn88f-faq .accordion-inner{background:#fff;border:1px solid #e7d4bc;border-top:0;border-radius:0 0 10px 10px;margin:-11px 0 10px;padding:17px}.vn88f-faq-card{height:100%;background:#720000;border:4px solid #d69f18;border-radius:16px;padding:26px;text-align:center;color:#fce9dc;box-shadow:var(--vn88-shadow)}.vn88f-faq-card h3{color:#ffd34c}.vn88f-faq-badge{width:64px;height:64px;border-radius:50%;background:#ffd047;color:#740000;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;font-size:31px;font-weight:900}
.vn88f-news{background:#fff}.vn88f-news .box{border:1px solid #ead9c4;border-radius:12px;overflow:hidden;box-shadow:0 7px 20px rgba(92,18,8,.07)}.vn88f-news .box-text{padding:15px}.vn88f-news .post-title{color:#7a100c;font-weight:800}.vn88f-final{background:linear-gradient(110deg,#730000,#a40a06);color:#fff;border-top:4px solid #d59c13}.vn88f-final h2{color:#ffd54c;margin:0 0 5px}.vn88f-final p{color:#f7ddd6;margin:0}.vn88f-final .button{border:2px solid #ffd650!important;color:#ffd650!important}
.vn88f-footer{background:#1d0807!important;color:#d9c7bf;border-top:1px solid #6c2520}.vn88f-footer h3{color:#f2c857;font-size:15px}.vn88f-footer p,.vn88f-footer a,.vn88f-footer li{color:#c8b4ab;font-size:14px}.vn88f-footer ul{list-style:none;margin:0;padding:0}.vn88f-footer li{margin-bottom:7px}.vn88f-footer-logo{font-size:28px;font-weight:900;color:#fff;margin-bottom:9px}.vn88f-footer-logo span{color:#ffd24a}
.vn88f-admin-hint{position:fixed;right:16px;bottom:16px;z-index:99999;background:#6e0704;color:#fff;border:1px solid #d4a42c;border-radius:999px;padding:9px 14px;font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.2)}.vn88f-admin-hint a{color:#ffda58;text-decoration:underline}

@media(max-width:849px){
  .vn88f-brand-name{font-size:42px}.vn88f-hero h1{font-size:31px}.vn88f-visual{min-height:285px}.vn88f-slot{right:23%;top:66px}.vn88f-article{padding-right:15px}.vn88f-sidebar{padding-left:15px}
}
@media(max-width:549px){
  body.vn88f-ready-site h2{font-size:24px}.vn88f-access-inner{display:block}.vn88f-access-actions{margin-top:8px}.vn88f-brand-name{font-size:36px}.vn88f-brand-mark{width:54px;height:54px}.vn88f-hero h1{font-size:27px}.vn88f-hero p{font-size:15px}.vn88f-visual{min-height:245px}.vn88f-visual-ring{width:205px;height:205px;right:5%}.vn88f-slot{width:138px;height:125px;right:22%;top:55px}.vn88f-slot:before{font-size:11px;top:-31px}.vn88f-reels{padding:27px 8px 8px}.vn88f-reels b{font-size:27px;height:61px}.vn88f-cardfan{transform:scale(.72);left:-8%;bottom:-1px}.vn88f-coin{width:73px;height:73px;font-size:28px;right:2%;bottom:22px}.vn88f-quick-row{margin-top:0!important}.vn88f-quick{margin-bottom:8px}.vn88f-lead-image{min-height:180px;padding:22px}.vn88f-admin-hint{display:none}
}