/* MINH KHANG SERVER — CLEAN 3D GLASS */
:root{--mk-bg:#061426;--mk-panel:#0d2748;--mk-panel2:#12375f;--mk-blue:#2196f3;--mk-cyan:#35c8ff;--mk-red:#e53935;--mk-text:#f7fbff;--mk-muted:#b8cbe0}
html,body{background:radial-gradient(circle at 50% -10%,#174b78 0,#0a2340 38%,#040d19 100%)!important;color:var(--mk-text)!important;background-attachment:fixed!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 25%,#2196f31c,transparent 24%),radial-gradient(circle at 85% 65%,#00d5ff12,transparent 22%);z-index:0}
#page_wrapper,#inner_wrapper{position:relative;z-index:1}
header{margin:18px 24px 4px!important;padding:18px 22px!important;border:1px solid #ffffff1f!important;border-radius:22px!important;background:linear-gradient(135deg,#12375fe8,#071b31e8)!important;box-shadow:0 12px 30px #0007,inset 0 1px #ffffff24!important;backdrop-filter:blur(18px)}
header h1{font-size:clamp(24px,3vw,38px)!important;font-weight:900!important;letter-spacing:.5px;color:#fff!important;text-shadow:0 4px 16px #0008}
header h1:after{content:"  •  TRUNG TÂM ĐIỀU HÀNH";font-size:.42em;font-weight:700;color:#63d6ff;vertical-align:middle}
#information-widgets{margin:12px 24px 0!important;padding:10px 14px!important;border:1px solid #ffffff18!important;border-radius:16px!important;background:#061426aa!important;backdrop-filter:blur(12px)}
.service{position:relative!important;overflow:hidden!important;min-height:82px!important;border:1px solid #ffffff20!important;border-radius:18px!important;background:linear-gradient(145deg,#17436d,#0b2745 65%,#081b31)!important;box-shadow:0 9px 20px #0007,inset 0 1px #ffffff25,inset 0 -2px #0005!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.service:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff12,transparent 35%,#2196f308 70%,#e5393508)}
.service:hover{transform:translateY(-5px) scale(1.015)!important;border-color:#35c8ff80!important;box-shadow:0 17px 32px #0009,0 0 20px #2196f32a,inset 0 1px #ffffff45!important}
.service-name,.service-name span{color:#fff!important;font-weight:800!important;font-size:14px!important}
.service-description{color:var(--mk-muted)!important;font-size:11px!important}
.service img,.service-icon img{filter:drop-shadow(0 5px 5px #0009)!important;transition:transform .22s ease!important}
.service:hover img,.service:hover .service-icon img{transform:scale(1.1) translateY(-2px)!important}
h2{margin:24px 0 10px!important;color:#fff!important;font-weight:900!important;letter-spacing:.7px!important}
h2:after{content:"";display:block;width:68px;height:3px;margin-top:7px;border-radius:10px;background:linear-gradient(90deg,var(--mk-cyan),var(--mk-blue));box-shadow:0 0 12px #2196f355}
.bookmark{border:1px solid #ffffff20!important;border-radius:14px!important;background:#0d2748cc!important;box-shadow:0 7px 15px #0005,inset 0 1px #ffffff20!important;transition:.2s!important}
.bookmark:hover{transform:translateY(-3px)!important;border-color:#35c8ff66!important}
input{border-radius:14px!important;border:1px solid #ffffff24!important;background:#ffffff0c!important;color:#fff!important;backdrop-filter:blur(12px)}
input::placeholder{color:#aac0d7!important}
#footer{opacity:.8!important;padding:18px 24px!important}
@media(max-width:768px){header{margin:10px 10px 4px!important;padding:14px!important;border-radius:17px!important}header h1{font-size:22px!important}header h1:after{display:block;margin-top:5px;font-size:10px}.service{min-height:72px!important;border-radius:15px!important}.service-name{font-size:13px!important}h2{font-size:15px!important;margin-top:18px!important}#information-widgets{margin:8px 10px 0!important}}
@media(prefers-reduced-motion:reduce){.service,.bookmark,.service img{transition:none!important}.service:hover,.bookmark:hover{transform:none!important}}


/* === MINH KHANG DECOR — BƯỚM BAY & HOA HỒNG === */
body:after{content:"🦋";position:fixed;left:-8vw;top:32vh;font-size:34px;z-index:5;pointer-events:none;filter:drop-shadow(0 5px 8px #0009);animation:mkButterfly 18s ease-in-out infinite}
#inner_wrapper:before{content:"🌹  🌸  🌹  🌸";position:fixed;left:-15vw;top:-8vh;width:130vw;z-index:4;pointer-events:none;font-size:20px;letter-spacing:12vw;opacity:.72;text-shadow:0 0 10px #ff5b7a88;animation:mkPetals 15s linear infinite}
#inner_wrapper:after{content:"🌸   🌹   🌸";position:fixed;left:-20vw;top:-12vh;width:140vw;z-index:4;pointer-events:none;font-size:16px;letter-spacing:15vw;opacity:.45;animation:mkPetals2 22s linear infinite}
@keyframes mkButterfly{0%{transform:translate3d(0,0,0) rotate(-8deg) scale(.75);opacity:0}8%{opacity:.9}25%{transform:translate3d(24vw,-9vh,0) rotate(10deg) scale(1)}45%{transform:translate3d(47vw,12vh,0) rotate(-12deg) scale(.88)}65%{transform:translate3d(69vw,-6vh,0) rotate(9deg) scale(1.08)}82%{transform:translate3d(88vw,15vh,0) rotate(-8deg) scale(.9);opacity:.8}100%{transform:translate3d(112vw,-4vh,0) rotate(7deg) scale(.7);opacity:0}}
@keyframes mkPetals{0%{transform:translate3d(0,-2vh,0) rotate(0deg);opacity:0}10%{opacity:.72}100%{transform:translate3d(13vw,112vh,0) rotate(18deg);opacity:0}}
@keyframes mkPetals2{0%{transform:translate3d(4vw,-3vh,0) rotate(-8deg);opacity:0}12%{opacity:.45}100%{transform:translate3d(-10vw,115vh,0) rotate(-25deg);opacity:0}}
@media(max-width:768px){body:after{font-size:26px}#inner_wrapper:before{font-size:14px;letter-spacing:17vw}#inner_wrapper:after{font-size:12px;letter-spacing:20vw}}
@media(prefers-reduced-motion:reduce){body:after,#inner_wrapper:before,#inner_wrapper:after{animation:none!important}}


/* === MINH KHANG FUN EFFECTS — VUI NHỘN / 3D === */
#page_wrapper:before{content:"✨   💫   ⭐   ✨   🌟   💫";position:fixed;inset:-8vh -20vw auto;width:140vw;height:25vh;z-index:3;pointer-events:none;font-size:18px;letter-spacing:7vw;opacity:.7;white-space:nowrap;animation:mkStars 12s linear infinite}
#page_wrapper:after{content:"💙   💚   💙   💚   💙";position:fixed;left:-20vw;bottom:7vh;width:140vw;z-index:3;pointer-events:none;font-size:13px;letter-spacing:13vw;opacity:.38;animation:mkHearts 10s ease-in-out infinite}
header:after{content:"✨";position:absolute;right:28px;top:18px;font-size:22px;filter:drop-shadow(0 0 10px #5ddcff);animation:mkTwinkle 1.8s ease-in-out infinite}
.service:after{content:"";position:absolute;top:-40%;left:-25%;width:25%;height:180%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:rotate(18deg);animation:mkShine 5s ease-in-out infinite;pointer-events:none}
.bookmark:after{content:"";position:absolute;inset:auto 12px 4px auto;width:5px;height:5px;border-radius:50%;background:#7de8ff;box-shadow:0 0 10px #7de8ff;animation:mkDot 2.4s ease-in-out infinite}
@keyframes mkStars{0%{transform:translateY(-5vh) rotate(0deg);opacity:0}15%{opacity:.7}50%{transform:translateY(25vh) rotate(8deg);opacity:.45}100%{transform:translateY(115vh) rotate(20deg);opacity:0}}
@keyframes mkHearts{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}
@keyframes mkTwinkle{0%,100%{transform:scale(.7) rotate(-15deg);opacity:.35}50%{transform:scale(1.35) rotate(15deg);opacity:1}}
@keyframes mkShine{0%,65%{left:-35%;opacity:0}72%{opacity:.8}88%{left:120%;opacity:0}100%{left:120%;opacity:0}}
@keyframes mkDot{0%,100%{transform:scale(.5);opacity:.25}50%{transform:scale(1.8);opacity:1}}
@media(max-width:768px){#page_wrapper:before{font-size:13px;letter-spacing:10vw}#page_wrapper:after{font-size:11px;letter-spacing:17vw}header:after{right:16px;top:12px;font-size:18px}.service:after{animation-duration:7s}}
@media(prefers-reduced-motion:reduce){#page_wrapper:before,#page_wrapper:after,header:after,.service:after,.bookmark:after{animation:none!important}}