/* v35 - intro web theo style 3D kinh tim */
html.mk-splash::before{z-index:2147483598!important;background:
 radial-gradient(38% 34% at 16% 80%,rgba(255,79,184,.42),rgba(255,79,184,0) 70%),
 radial-gradient(36% 32% at 84% 20%,rgba(155,92,255,.45),rgba(155,92,255,0) 70%),
 radial-gradient(30% 30% at 90% 78%,rgba(47,224,195,.32),rgba(47,224,195,0) 70%),
 radial-gradient(28% 26% at 10% 16%,rgba(255,208,77,.30),rgba(255,208,77,0) 70%),
 linear-gradient(180deg,#EFE9FF 0%,#F6EEFF 45%,#FCE7F3 100%)!important}
html.mk-splash.mk-spl-hw::before{background:
 radial-gradient(38% 34% at 16% 82%,rgba(255,122,48,.45),rgba(255,122,48,0) 70%),
 radial-gradient(36% 32% at 84% 22%,rgba(255,79,184,.38),rgba(255,79,184,0) 70%),
 radial-gradient(30% 30% at 88% 80%,rgba(47,224,195,.25),rgba(47,224,195,0) 70%),
 linear-gradient(180deg,#3B2A8F 0%,#6D4AE0 42%,#C98BF0 75%,#FFC7E1 100%)!important}
html.mk-splash .mk-spl-bat,html.mk-splash .mk-spl-pk,html.mk-splash .mk-spl-gh,html.mk-splash .mk-spl-cd,html.mk-splash .mk-spl-stars,html.mk-splash .mk-spl-cat{display:none!important}
html.mk-splash .mk-spl-tag{position:absolute!important;left:50%!important;right:auto!important;top:calc(44% + var(--mkW) / 8.82 + 26px)!important;transform:translateX(-50%)!important;white-space:nowrap;font-family:"Be Vietnam Pro",-apple-system,"Segoe UI",Roboto,sans-serif!important;font-weight:700!important;font-size:clamp(10px,1.6vw,13px)!important;letter-spacing:.18em!important;text-transform:uppercase;color:#5B3FD6!important;text-shadow:none!important}
#mk3i{position:fixed;inset:0;z-index:2147483599;pointer-events:none;overflow:hidden;--mkW:min(80vw,660px);transition:opacity .6s ease}
html.mk-out #mk3i{opacity:0}
#mk3i .c3{position:absolute;left:50%;top:calc(44% + 14px);width:min(calc(var(--mkW) + 130px),94vw);height:calc(var(--mkW) / 4.41 + 128px);transform:translate(-50%,-50%) scale(.92);opacity:0;border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1.5px 0 #fff,0 40px 80px -40px rgba(42,37,80,.55);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);animation:mk3card .7s cubic-bezier(.2,1.2,.4,1) .1s forwards;z-index:3}
#mk3i .bg3{position:absolute;inset:0;z-index:1}
#mk3i .bag3{position:absolute;left:0;top:0;height:min(26vh,230px);width:auto;z-index:2;filter:drop-shadow(0 18px 20px rgba(42,37,80,.3));opacity:0;animation:mk3fly var(--d,3.6s) cubic-bezier(.35,.1,.55,.95) var(--dl,0s) forwards}
#mk3i .cat3{position:absolute;left:50%;top:calc(44% + var(--mkW) / 8.82 + 74px);height:min(23vh,200px);width:auto;transform:translate(-50%,40px) scale(.6);opacity:0;z-index:4;filter:drop-shadow(0 18px 20px rgba(42,37,80,.3));animation:mk3pop .8s cubic-bezier(.2,1.5,.4,1) .45s forwards}
#mk3i .ic3{position:absolute;width:var(--s,72px);height:auto;z-index:4;opacity:0;filter:drop-shadow(0 12px 14px rgba(42,37,80,.25));animation:mk3in .7s cubic-bezier(.2,1.4,.4,1) var(--dl,.3s) forwards,mk3bob 3s ease-in-out calc(var(--dl,.3s) + .7s) infinite}
html.mk-splash.mk-spl-ng::before{background:
 radial-gradient(38% 34% at 16% 80%,rgba(255,127,166,.45),rgba(255,127,166,0) 70%),
 radial-gradient(36% 32% at 84% 20%,rgba(155,92,255,.40),rgba(155,92,255,0) 70%),
 radial-gradient(30% 30% at 90% 78%,rgba(255,208,77,.30),rgba(255,208,77,0) 70%),
 linear-gradient(180deg,#FFF0F6 0%,#F6EEFF 50%,#FFE4EF 100%)!important}
html.mk-splash .mk-spl-flw,html.mk-splash .mk-spl-ng-x{display:none!important}
#mk3i .ng3{display:none}
html.mk-spl-ng #mk3i .ng3{display:block}
html.mk-spl-ng #mk3i .nm3{display:none}
#mk3i .hw3{display:none}
html.mk-spl-hw #mk3i .hw3{display:block}
html.mk-spl-hw #mk3i .nm3{display:none}
@keyframes mk3card{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes mk3pop{to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes mk3in{from{opacity:0;scale:.4}to{opacity:1;scale:1}}
@keyframes mk3bob{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes mk3fly{0%{opacity:0;transform:translate(var(--x0),var(--y0)) rotate(var(--r0)) scale(var(--s,1))}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translate(var(--x1),var(--y1)) rotate(var(--r1)) scale(var(--s,1))}}
@media (max-width:767px){#mk3i .c3{border-radius:28px;height:calc(var(--mkW) / 4.41 + 110px)}#mk3i .bag3{height:min(20vh,150px)}#mk3i .ic3{--s:52px!important}#mk3i .ic3[src*="ghost"]{top:64%!important;left:6%!important}}
/* v36 - khoi 11.11 tu an sau 23:59 ngay 11/11 (gio VN) */
html.mk-ss-end .mk-ss{display:none!important}