/*
Theme Name: MU88 Reference Child V3
Description: Screenshot-grounded MU88 periwinkle app home
Author: Site Team
Template: flatsome
Version: 3.13.0
Text Domain: mu88-child
*/
:root{--mu-blue:#667eea;--mu-blue2:#8fa5ff;--mu-pale:#e9efff;--mu-pale2:#dfe8ff;--mu-gold:#f2c05a;--mu-red:#bd2938;--mu-text:#314469}*{box-sizing:border-box}body{margin:0;background:var(--mu-pale);color:var(--mu-text);font-family:Georgia,"Times New Roman",serif}.header-top,.footer-widgets,.absolute-footer{display:none!important}.home .header-wrapper{display:none!important}.home #main,.home .page-wrapper,.mu-home{background:var(--mu-pale)!important}.mu-home a{text-decoration:none}.mu-shell{width:min(930px,calc(100% - 34px));margin:0 auto}.mu-head{background:linear-gradient(135deg,#edf2ff,#dce7ff);padding:10px 0 0}.mu-head-top{height:55px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:25px}.mu-logo{font-size:35px;font-weight:950;font-style:italic;color:#7891e8!important;letter-spacing:-2px}.mu-logo b{color:#e6ac45}.mu-tagline{text-align:center;color:#677bc6;font-size:16px;font-weight:800}.mu-actions{display:flex;gap:8px}.mu-btn{display:inline-flex;min-height:38px;padding:0 18px;align-items:center;justify-content:center;border-radius:18px;background:var(--mu-blue);color:#fff!important;font-size:10px;font-weight:900;text-transform:uppercase}.mu-btn.light{background:#fff;color:var(--mu-blue)!important}.mu-nav{height:49px;border-bottom:1px solid #c6d4f5}.mu-nav .mu-shell{height:100%;display:flex;align-items:center;justify-content:center;gap:24px}.mu-nav a{color:#334d82!important;font-size:10px;font-weight:900;text-transform:uppercase}.mu-nav a:first-child{background:var(--mu-blue);color:#fff!important;padding:9px 13px;border-radius:15px}.mu-subnav{height:41px}.mu-subnav .mu-shell{height:100%;display:flex;align-items:center;justify-content:center;gap:21px;color:#657cb0;font-size:10px}.mu-stage{min-height:505px;background-image:linear-gradient(90deg,rgba(235,241,255,.18),rgba(223,232,255,.08)),url('https://mu88vnplay.com/wp-content/uploads/brand-assets-v3/hero.webp');background-size:cover;background-position:center;position:relative;padding:45px 0 25px}.mu-campaign{width:min(800px,calc(100% - 30px));height:330px;margin:0 auto;border-radius:30px;background:linear-gradient(110deg,rgba(242,247,255,.97),rgba(119,148,236,.35) 45%,rgba(9,48,112,.28)),url('https://mu88vnplay.com/wp-content/uploads/brand-assets-v3/hero-brand-v2.webp') center/cover;box-shadow:0 18px 40px rgba(57,81,145,.2);display:flex;align-items:center;padding:45px}.mu-campaign-copy{max-width:430px}.mu-campaign small{color:#667dd2;letter-spacing:2px;font-weight:900}.mu-campaign h1{font-size:clamp(40px,5vw,61px);line-height:1;color:#6d80d6;margin:12px 0}.mu-campaign h1 b{color:var(--mu-red)}.mu-campaign p{font-size:14px;line-height:1.55}.mu-alert{width:min(760px,calc(100% - 42px));margin:22px auto 0;background:#fff;border-radius:20px;box-shadow:0 2px 8px rgba(69,91,155,.18);padding:11px 20px;font-size:11px;white-space:nowrap;overflow:hidden}.mu-alert:before{content:"◖))";color:#4f86ef;margin-right:14px}.mu-utils{display:grid;grid-template-columns:repeat(4,1fr);gap:70px;margin-top:38px}.mu-util{height:145px;border-radius:16px;background:linear-gradient(145deg,#98abff,#526bd5);box-shadow:0 8px 20px rgba(71,90,160,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff!important}.mu-util i{width:67px;height:67px;border-radius:50%;background:linear-gradient(145deg,#fff,#b4cbff);box-shadow:inset 0 0 0 8px rgba(91,113,210,.22);display:block;margin-bottom:12px}.mu-util:nth-child(2) i{background:radial-gradient(circle,#fff 0 28%,#59c3a6 29% 48%,#d7fff1 49%)}.mu-util:nth-child(3) i{background:conic-gradient(#fff,#8bf,#fff,#5ad)}.mu-util:nth-child(4) i{background:radial-gradient(circle,#f9de7e 0 30%,#c89233 31% 48%,#fff4bb 49%)}.mu-util strong{font-size:12px}.mu-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;background:#ccdaf9;padding:10px;border-radius:8px}.mu-contact a{background:var(--mu-blue);color:#fff!important;border-radius:5px;text-align:center;padding:11px;font-size:11px}.mu-partners{display:flex;justify-content:space-around;padding:27px 0;color:#7285b5;font-weight:900;font-size:15px}.brand-footer{background:#252c3b;color:#c9d2e6;padding:18px 0}.mu-foot{display:flex;justify-content:space-between;align-items:center}.mu-foot p{font-size:10px;margin:0}.mu-foot a{color:#dce5ff!important}.brand-page{min-height:70vh;padding:64px 0}.brand-page .brand-wrap{width:min(900px,calc(100% - 36px));margin:0 auto}.brand-page-card{background:#f6f8ff;border-left:3px solid var(--mu-blue);padding:28px}.brand-button{display:inline-flex;background:var(--mu-blue);color:#fff!important;padding:11px 19px}.entry-author.author-box,.comments-area,#comments{display:none!important}
@media(max-width:849px){.mu-head{position:sticky;top:0;z-index:25}.mu-head-top{height:55px;grid-template-columns:1fr auto}.mu-tagline{display:none}.mu-logo{font-size:29px}.mu-actions{gap:5px}.mu-btn{min-height:33px;padding:0 10px;font-size:9px}.mu-nav .mu-shell{overflow-x:auto;justify-content:flex-start}.mu-nav a{white-space:nowrap}.mu-subnav{display:none}.mu-stage{padding-top:25px}.mu-campaign{height:300px;padding:30px;background-position:65% center}.mu-campaign-copy{max-width:58%}.mu-campaign h1{font-size:31px}.mu-campaign p{display:none}.mu-utils{gap:15px}.mu-contact{grid-template-columns:1fr}.mu-partners{overflow-x:auto;justify-content:flex-start;gap:30px}.mu-foot{flex-direction:column;gap:10px}}
@media(max-width:480px){.mu-shell{width:min(100% - 20px,930px)}.mu-actions .light{display:none}.mu-campaign{height:235px;padding:22px}.mu-campaign h1{font-size:24px}.mu-utils{grid-template-columns:1fr 1fr}.mu-util{height:125px}.mu-contact{margin-top:30px}.mu-stage{min-height:auto}}
