/* Mibrand – khối form "Gửi bài toán" lấy từ trang chủ, chỉ áp dụng trong .mbf (15/10/2026) */
.mbf{--navy: #0F1F6E; --ink: #1B2559; --text: #4A5578; --muted: #7A84A3; --line: #E3E8F5; --blue: #2B47D1; --deep: #001489; --sky: #F4F7FF; --white: #fff; --p1: #23B884; --p2: #1FB1CB; --p3: #3E7CF1; --p4: #7069E8; --gold: #F0A21A; --pho: linear-gradient(90deg,var(--p1),var(--p2) 30%,var(--p3) 62%,var(--p4)); --nut-1: #2B47D1; --nut-2: #001489; --r: 22px; --r-s: 14px; --shadow: 0 24px 60px -28px rgba(20,40,140,.28),0 2px 6px rgba(20,40,140,.05); --shadow-h: 0 36px 80px -30px rgba(20,40,140,.38),0 4px 12px rgba(20,40,140,.07); --wrap: 1240px; --gut: clamp(20px,4vw,40px); --ease: cubic-bezier(.2,.7,.2,1); font-family: Mulish, system-ui, sans-serif; color: var(--text); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased;display:block;width:100%;text-align:left}
.mbf.mbf.mbf :is(div,section,form,h2,p,span,b,small,em,a,img,input,textarea,label,button):not(svg *){all:revert}
.mbf.mbf.mbf.mbf img{max-width: 100%;}
@font-face { font-family: Mulish; font-style: normal; font-weight: 200 1000; font-display: swap; src: url("../fonts/mulish-vietnamese-wght-normal.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Mulish; font-style: normal; font-weight: 200 1000; font-display: swap; src: url("../fonts/mulish-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Mulish; font-style: normal; font-weight: 200 1000; font-display: swap; src: url("../fonts/mulish-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 400; font-display: swap; src: url("../fonts/be-vietnam-pro-vietnamese-400-normal.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 400; font-display: swap; src: url("../fonts/be-vietnam-pro-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 600; font-display: swap; src: url("../fonts/be-vietnam-pro-vietnamese-600-normal.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 600; font-display: swap; src: url("../fonts/be-vietnam-pro-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 700; font-display: swap; src: url("../fonts/be-vietnam-pro-vietnamese-700-normal.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 700; font-display: swap; src: url("../fonts/be-vietnam-pro-latin-700-normal.woff2") format("woff2"); }
.mbf.mbf.mbf.mbf *,.mbf.mbf.mbf.mbf ::before,.mbf.mbf.mbf.mbf ::after{box-sizing: border-box;}
.mbf.mbf.mbf.mbf img{max-width: 100%; display: block;}
.mbf.mbf.mbf.mbf a{color: inherit; text-decoration: none;}
.mbf.mbf.mbf.mbf h2{color: var(--navy); margin: 0px; font-weight: 300; letter-spacing: -0.015em;}
.mbf.mbf.mbf.mbf h2 b{font-weight: 800;}
.mbf.mbf.mbf.mbf p{margin: 0px;}
.mbf.mbf.mbf.mbf .wrap{max-width: calc(var(--wrap) + 2*var(--gut)); padding: 0 var(--gut); margin: 0px auto;}
.mbf.mbf.mbf.mbf .t-h2{font-size: clamp(32px, 3.8vw, 52px); line-height: 1.12;}
.mbf.mbf.mbf.mbf .lead{font-size: clamp(16px, 1.25vw, 18.5px); line-height: 1.7; color: var(--text); max-width: 560px;}
.mbf.mbf.mbf.mbf .small{font-size: 13.5px; color: var(--muted);}
.mbf.mbf.mbf.mbf .nut{position: relative; display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0px 28px; border-radius: 999px; font-weight: 700; font-size: 15.5px; color: rgb(255, 255, 255); background: linear-gradient(135deg,var(--nut-1),var(--nut-2)); box-shadow: rgba(0, 20, 137, 0.55) 0px 14px 30px -12px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; overflow: hidden; transition: transform .35s var(--ease),box-shadow .35s var(--ease); white-space: nowrap; border: 0px; cursor: pointer; font-family: inherit;}
.mbf.mbf.mbf.mbf .nut::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.45) 50%, transparent 70%); transform: translateX(-120%); animation: 4.5s ease 1.5s infinite normal none running longlanh;}
.mbf.mbf.mbf.mbf .nut:hover{transform: translateY(-2px); box-shadow: rgba(0, 20, 137, 0.6) 0px 20px 40px -14px;}
@keyframes longlanh { 
  0%, 70% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
.mbf.mbf.mbf.mbf .sec{padding: clamp(80px, 9vw, 140px) 0px; position: relative;}
.mbf.mbf.mbf.mbf .nen-loang{background: radial-gradient(60% 50% at 85% 0%,rgba(31,177,203,.10),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(112,105,232,.08),transparent 70%),var(--sky);}
.mbf.mbf.mbf.mbf .hien{opacity: 0; transform: translateY(34px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: var(--tre,0s);}
.mbf.mbf.mbf.mbf .hien.ro{opacity: 1; transform: none;}
@keyframes chay { 
  100% { transform: translateX(-50%); }
}
.mbf.mbf.mbf.mbf .form-khoi{display: grid; grid-template-columns: 5fr 7fr; border-radius: 32px; overflow: hidden; box-shadow: var(--shadow-h); background: rgb(255, 255, 255);}
.mbf.mbf.mbf.mbf .form-trai{position: relative; padding: clamp(36px, 4.5vw, 64px); color: rgb(255, 255, 255); background: linear-gradient(150deg, rgb(43, 71, 209) 0%, rgb(37, 99, 235) 45%, rgb(24, 169, 198) 100%); overflow: hidden;}
.mbf.mbf.mbf.mbf .form-trai::before{content: ""; position: absolute; width: 520px; height: 520px; right: -220px; bottom: -240px; border-radius: 50%; background: radial-gradient(circle, rgba(61, 220, 151, 0.55), transparent 65%);}
.mbf.mbf.mbf.mbf .form-trai::after{content: ""; position: absolute; width: 360px; height: 360px; left: -140px; top: -160px; border-radius: 50%; background: radial-gradient(circle, rgba(150, 140, 255, 0.5), transparent 65%);}
.mbf.mbf.mbf.mbf .form-trai > *{position: relative; z-index: 1;}
.mbf.mbf.mbf.mbf .form-trai h2{color: rgb(255, 255, 255);}
.mbf.mbf.mbf.mbf .form-trai .lead{color: rgba(255, 255, 255, 0.88); margin-top: 18px;}
.mbf.mbf.mbf.mbf .form-phai{padding: clamp(32px, 4.5vw, 64px);}
.mbf.mbf.mbf.mbf .o-luoi{display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px;}
.mbf.mbf.mbf.mbf .o{position: relative;}
.mbf.mbf.mbf.mbf .o.rong{grid-column: 1 / -1;}
.mbf.mbf.mbf.mbf .o input,.mbf.mbf.mbf.mbf .o textarea{width: 100%; height: 58px; padding: 22px 18px 8px; border: 1.5px solid var(--line); border-radius: 14px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15.5px; color: var(--ink); background: rgb(255, 255, 255); transition: border-color 0.3s, box-shadow 0.3s; outline: 0px;}
.mbf.mbf.mbf.mbf .o textarea{height: 120px; resize: vertical; padding-top: 28px;}
.mbf.mbf.mbf.mbf .o label{position: absolute; left: 19px; top: 18px; font-size: 15px; color: var(--muted); pointer-events: none; transition: .25s var(--ease);}
.mbf.mbf.mbf.mbf .o label em{color: rgb(224, 71, 91); font-style: normal;}
.mbf.mbf.mbf.mbf .o input:focus,.mbf.mbf.mbf.mbf .o textarea:focus{border-color: var(--p3); box-shadow: rgba(62, 124, 241, 0.12) 0px 0px 0px 4px;}
.mbf.mbf.mbf.mbf .o input:focus + label,.mbf.mbf.mbf.mbf .o input:not(:placeholder-shown) + label,.mbf.mbf.mbf.mbf .o textarea:focus + label,.mbf.mbf.mbf.mbf .o textarea:not(:placeholder-shown) + label{top: 8px; font-size: 11.5px; font-weight: 700; color: var(--blue); letter-spacing: 0.02em;}
.mbf.mbf.mbf.mbf .form-gui{margin-top: 24px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.mbf.mbf.mbf.mbf .form-gui .small a{color: var(--deep); font-weight: 700; text-decoration: underline; text-underline-offset: 3px;}
@keyframes song { 
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(1.6); opacity: 0; }
}
@keyframes cuVao { 
  0% { opacity: 0; transform: translate(-10px, -50%); }
}
@keyframes ve { 
  0% { transform: scaleX(0); }
}
@keyframes daVao { 
  0% { opacity: 0; transform: translateY(20px); }
}
@keyframes kb { 
  0% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
@keyframes sangChay { 
  0% { stroke-dashoffset: 900; }
  60%, 100% { stroke-dashoffset: -900; }
}
@keyframes troi { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
@keyframes quay { 
  100% { transform: rotate(360deg); }
}
@keyframes bongSach { 
  0%, 60% { background-position: 120% 0px; }
  100% { background-position: -20% 0px; }
}
@keyframes logoVao { 
  0% { opacity: 0; transform: translateY(14px) scale(0.96); }
}
@media (max-width: 900px){.mbf.mbf.mbf.mbf .form-khoi{grid-template-columns: 1fr;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .o-luoi{grid-template-columns: 1fr;}}
@keyframes mbxHa { 
  0% { opacity: 0; transform: translateY(-36px); }
  100% { opacity: 1; transform: none; }
}
@keyframes mbxHien { 
  0% { opacity: 0; transform: translateY(-20px) scale(0.94); }
  100% { opacity: 1; transform: none; }
}
@keyframes mbxHao { 
  0% { opacity: 0; transform: scale(0.7); }
  45% { opacity: 1; transform: scale(1.06); }
  100% { opacity: var(--hao-o); transform: none; }
}
@keyframes mbxMo { 
  0% { opacity: 0; }
}
@keyframes mbxQuet { 
  0% { transform: translateX(-600px); }
  100% { transform: translateX(1500px); }
}
@keyframes mbxCu { 
  0% { opacity: 0; transform: translateX(-10px); }
  100% { opacity: 1; transform: none; }
}
@keyframes mbxVe { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes quang { 
  0% { box-shadow: rgba(31, 120, 220, 0.6) 0px 12px 24px -10px, rgba(62, 124, 241, 0.55) 0px 0px 0px 0px; }
  35% { box-shadow: rgba(31, 120, 220, 0.6) 0px 12px 24px -10px, rgba(62, 124, 241, 0.18) 0px 0px 0px 14px, rgba(31, 177, 203, 0.35) 0px 0px 40px 12px; }
  100% { box-shadow: rgba(31, 120, 220, 0.6) 0px 12px 24px -10px, rgba(62, 124, 241, 0) 0px 0px 0px 26px, rgba(31, 177, 203, 0) 0px 0px 40px 12px; }
}
.mbf.mbf.mbf.mbf .t-h2{text-wrap: balance;}
@keyframes vetTan { 
  100% { opacity: 0; filter: blur(6px); }
}
@keyframes bongTan { 
  100% { opacity: 0; filter: blur(4px); }
}
@keyframes longlanhMot { 
  0% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
.mbf.mbf.mbf.mbf .ceo{margin-top: 34px; padding: 22px; border-radius: 24px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.28); backdrop-filter: blur(10px); box-shadow: rgba(0, 10, 80, 0.6) 0px 30px 60px -30px;}
.mbf.mbf.mbf.mbf .ceo-dau{display: flex; align-items: center; gap: 16px;}
.mbf.mbf.mbf.mbf .ceo-anh{position: relative; width: 74px; height: 74px; flex: 0 0 auto; border-radius: 50%; padding: 3px; background: linear-gradient(140deg, rgb(155, 240, 207), rgb(255, 255, 255));}
.mbf.mbf.mbf.mbf .ceo-anh img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255, 255, 255);}
.mbf.mbf.mbf.mbf .ceo-anh::after{content: ""; position: absolute; right: 2px; bottom: 4px; width: 15px; height: 15px; border-radius: 50%; background: rgb(61, 220, 151); border: 3px solid rgb(255, 255, 255); box-shadow: rgba(61, 220, 151, 0.7) 0px 0px 0px 0px; animation: 2.2s ease 0s infinite normal none running songXanh;}
@keyframes songXanh { 
  70% { box-shadow: rgba(61, 220, 151, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(61, 220, 151, 0) 0px 0px 0px 0px; }
}
.mbf.mbf.mbf.mbf .ceo-dau b{display: block; font-size: 19px; font-weight: 800; color: rgb(255, 255, 255); margin-top: 2px;}
.mbf.mbf.mbf.mbf .ceo-dau small{display: block; font-size: 13.5px; opacity: 0.85;}
.mbf.mbf.mbf.mbf .ceo-so{display: flex; align-items: center; gap: 14px; margin-top: 20px; padding: 14px 18px; border-radius: 18px; background: rgb(255, 255, 255); color: var(--deep); font-family: "Be Vietnam Pro", sans-serif; font-weight: 700; font-size: clamp(24px, 2.4vw, 32px); letter-spacing: 0.01em; box-shadow: rgba(0, 10, 80, 0.6) 0px 18px 36px -16px; transition: transform .4s var(--ease),box-shadow .4s; position: relative; overflow: hidden;}
.mbf.mbf.mbf.mbf .ceo-so svg{width: 44px; height: 44px; padding: 11px; flex: 0 0 auto; border-radius: 50%; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(35, 184, 132), rgb(31, 177, 203)); animation: 3.2s ease 1.5s infinite normal none running rung;}
@keyframes rung { 
  0%, 86%, 100% { transform: none; }
  88% { transform: rotate(-14deg); }
  90% { transform: rotate(12deg); }
  92% { transform: rotate(-10deg); }
  94% { transform: rotate(6deg); }
}
.mbf.mbf.mbf.mbf .ceo-so::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(110deg, transparent 35%, rgba(43, 71, 209, 0.12) 50%, transparent 65%); transform: translateX(-120%); animation: 5s ease 2s infinite normal none running longlanh;}
.mbf.mbf.mbf.mbf .ceo-so:hover{transform: translateY(-3px); box-shadow: rgba(0, 10, 80, 0.7) 0px 26px 44px -18px;}
.mbf.mbf.mbf.mbf .ceo-zalo{display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; height: 48px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.35); font-weight: 700; color: rgb(255, 255, 255); transition: background 0.3s;}
.mbf.mbf.mbf.mbf .ceo-zalo:hover{background: rgba(255, 255, 255, 0.14);}
.mbf.mbf.mbf.mbf .form-trai .lead{max-width: 440px;}
.mbf.mbf.mbf.mbf .ceo-so span{white-space: nowrap;}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo{padding: 16px;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-so{font-size: 22px; gap: 10px; padding: 12px 14px;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-so svg{width: 38px; height: 38px; padding: 9px;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-anh{width: 62px; height: 62px;}}
.mbf.mbf.mbf.mbf .ceo-anh::after{display: none;}
.mbf.mbf.mbf.mbf .ceo-dau{gap: 20px;}
.mbf.mbf.mbf.mbf .ceo-anh{width: 128px; height: 128px; padding: 0px; background: none; border: 3px solid rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 7px, rgba(155, 240, 207, 0.35) 0px 0px 40px, rgba(0, 10, 80, 0.65) 0px 24px 50px -18px;}
.mbf.mbf.mbf.mbf .ceo-anh img{border: 0px; border-radius: 0px; transform: scale(2); transform-origin: 77% 28%;}
.mbf.mbf.mbf.mbf .ceo-dau b{font-size: 22px; letter-spacing: -0.01em;}
.mbf.mbf.mbf.mbf .ceo-dau small{margin-top: 3px;}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-dau{gap: 14px;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-anh{width: 84px; height: 84px; box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 5px, rgba(0, 10, 80, 0.65) 0px 18px 36px -14px;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-dau b{font-size: 19px; white-space: nowrap;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-dau small{font-size: 12.5px;}}
@keyframes bungVang { 
  0% { box-shadow: rgba(0, 20, 137, 0.55) 0px 12px 24px -10px, rgba(243, 165, 31, 0.6) 0px 0px 0px 0px, rgba(243, 165, 31, 0.26) 0px 0px 32px 6px; }
  40% { box-shadow: rgba(0, 20, 137, 0.55) 0px 12px 24px -10px, rgba(243, 165, 31, 0.2) 0px 0px 0px 14px, rgba(243, 165, 31, 0.4) 0px 0px 46px 14px; }
  100% { box-shadow: rgba(0, 20, 137, 0.55) 0px 12px 24px -10px, rgba(243, 165, 31, 0) 0px 0px 0px 24px, rgba(243, 165, 31, 0.26) 0px 0px 32px 6px; }
}
@keyframes thoCham { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.32); }
}
@keyframes loeSo { 
  0% { background-position: 120% 0px, 0px 0px; }
  100% { background-position: -20% 0px, 0px 0px; }
}
@keyframes tenDoi { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
.mbf.mbf.mbf.mbf .ceo-anh img{transform: scale(1.6); transform-origin: 66% 30%;}
.mbf.mbf.mbf.mbf .ceo-anh::before{content: ""; position: absolute; inset: 0px; z-index: 2; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 54% 44%, transparent 38%, rgba(52, 104, 232, 0.72) 66%, rgba(52, 104, 232, 0.9) 80%);}
.mbf.mbf.mbf.mbf .ceo-anh::before{background: radial-gradient(circle at 56% 42%, transparent 31%, rgba(52, 104, 232, 0.7) 54%, rgba(52, 104, 232, 0.93) 72%), linear-gradient(90deg, rgba(52, 104, 232, 0.55), transparent 34%);}
@keyframes loeKinh { 
  0% { opacity: 0; transform: translateX(0px); }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translateX(var(--d)); }
}
@keyframes chayDuong { 
  0% { background-position: 100% 0px; }
  100% { background-position: -120% 0px; }
}
.mbf.mbf.mbf.mbf .ceo-dau small{opacity: 0.9;}
.mbf.mbf.mbf.mbf .ceo-so{gap: 16px; padding: 14px 22px 14px 14px; border-radius: 999px; background: linear-gradient(135deg, rgb(43, 196, 142), rgb(20, 163, 122)); color: rgb(255, 255, 255); box-shadow: rgba(10, 120, 80, 0.7) 0px 18px 34px -14px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; font-family: inherit;}
.mbf.mbf.mbf.mbf .ceo-so::after{background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.28) 50%, transparent 65%);}
.mbf.mbf.mbf.mbf .ceo-so .cs-icon{position: relative; flex: 0 0 auto; width: 52px; height: 52px; border-radius: 50%; background: rgb(255, 255, 255); display: grid; place-items: center;}
.mbf.mbf.mbf.mbf .ceo-so .cs-icon svg{width: 22px; height: 22px; padding: 0px; background: none; color: rgb(20, 163, 122); border-radius: 0px;}
.mbf.mbf.mbf.mbf .ceo-so .cs-icon::before,.mbf.mbf.mbf.mbf .ceo-so .cs-icon::after{content: ""; position: absolute; inset: 0px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.7); animation: 2.4s ease-out 0s infinite normal none running songGoi;}
.mbf.mbf.mbf.mbf .ceo-so .cs-icon::after{animation-delay: 1.2s;}
@keyframes songGoi { 
  0% { transform: scale(1); opacity: 0.85; }
  100% { transform: scale(1.7); opacity: 0; }
}
.mbf.mbf.mbf.mbf .ceo-so .cs-chu{display: flex; flex-direction: column; line-height: 1.1; white-space: nowrap;}
.mbf.mbf.mbf.mbf .ceo-so .cs-chu small{font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.92;}
.mbf.mbf.mbf.mbf .ceo-so .cs-chu b{font-family: "Be Vietnam Pro", sans-serif; font-weight: 700; font-size: clamp(24px, 2.3vw, 30px); letter-spacing: 0.01em; margin-top: 3px;}
.mbf.mbf.mbf.mbf .ceo-so:hover{transform: translateY(-4px); box-shadow: rgba(10, 120, 80, 0.8) 0px 28px 46px -16px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;}
.mbf.mbf.mbf.mbf .ceo-so:hover .cs-icon::before,.mbf.mbf.mbf.mbf .ceo-so:hover .cs-icon::after{animation-duration: 1.4s; border-color: rgb(255, 255, 255);}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-so{width: 100%; padding: 12px 18px 12px 12px; gap: 12px;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-so .cs-icon{width: 44px; height: 44px;}}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-so .cs-chu b{font-size: 23px;}}
.mbf.mbf.mbf.mbf .nut-mt{flex: 0 0 auto; width: 18px; height: 12px; overflow: visible; margin-right: -4px; transition: transform .35s var(--ease);}
.mbf.mbf.mbf.mbf .nut-mt path{fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.mbf.mbf.mbf.mbf .nut:hover .nut-mt{transform: translateX(5px);}
@keyframes longlanhNen { 
  0%, 70% { background-position: 100% 0px, 0px 0px; }
  100% { background-position: 0px 0px, 0px 0px; }
}
@keyframes longlanhNen1 { 
  0% { background-position: 100% 0px, 0px 0px; }
  100% { background-position: 0px 0px, 0px 0px; }
}
@keyframes toaVong { 
  0% { inset: 0px; opacity: var(--sa); }
  65% { opacity: calc(var(--sa)*.5); }
  100% { inset: -16px; opacity: 0; }
}
.mbf.mbf.mbf.mbf .form-trai h2{font-size: clamp(28px, 2.85vw, 40px);}
@media (min-width: 641px){.mbf.mbf.mbf.mbf .ceo-dau b{font-size: clamp(18px, 1.55vw, 22px); white-space: nowrap;}}
.mbf.mbf.mbf.mbf .form-trai h2 > span,.mbf.mbf.mbf.mbf .form-trai h2 > b{display: block;}
.mbf.mbf.mbf.mbf .form-trai .lg{position: relative; display: inline-block; white-space: nowrap; background: linear-gradient(100deg, rgb(255, 227, 163), rgb(255, 194, 74) 45%, rgb(240, 162, 26)) text; color: transparent; -webkit-text-fill-color: transparent;}
.mbf.mbf.mbf.mbf .form-trai .lg svg{position: absolute; left: -2%; bottom: -0.16em; width: 104%; height: 0.3em; overflow: visible;}
.mbf.mbf.mbf.mbf .form-trai .lg path{fill: none; stroke: rgb(255, 194, 74); stroke-width: 3.5; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .9s var(--ease) .6s;}
.mbf.mbf.mbf.mbf .form-khoi.ro .lg path{stroke-dashoffset: 0;}
.mbf.mbf.mbf.mbf .form-trai .lead .nw{white-space: nowrap;}
.mbf.mbf.mbf.mbf .ceo-so{--sa: .75; overflow: visible; background: linear-gradient(110deg, transparent 38%, rgba(255, 255, 255, 0.3) 50%, transparent 62%) 100% 0px / 260% 100% no-repeat, linear-gradient(135deg, rgb(43, 196, 142), rgb(20, 163, 122)); animation: 5s ease 2s infinite normal none running longlanhNen;}
.mbf.mbf.mbf.mbf .ceo-so::before,.mbf.mbf.mbf.mbf .ceo-so::after{content: ""; position: absolute; inset: 0px; border-radius: inherit; border: 1.5px solid rgba(61, 220, 151, 0.95); box-shadow: rgba(61, 220, 151, 0.6) 0px 0px 14px, rgba(61, 220, 151, 0.3) 0px 0px 10px inset; background: none; transform: none; opacity: 0; pointer-events: none; animation: auto ease 0s 1 normal none running none;}
.mbf.mbf.mbf.mbf .ceo-so.toa::before,.mbf.mbf.mbf.mbf .ceo-so.toa::after{animation: 2.4s cubic-bezier(0.2, 0.6, 0.35, 1) 0s infinite normal none running toaVong;}
.mbf.mbf.mbf.mbf .ceo-so.toa::after{animation-delay: -1.2s;}
.mbf.mbf.mbf.mbf .ceo-so:hover{--sa: 1;}
.mbf.mbf.mbf.mbf .ceo-so .cs-icon::before,.mbf.mbf.mbf.mbf .ceo-so .cs-icon::after{content: none; animation: auto ease 0s 1 normal none running none;}
.mbf.mbf.mbf.mbf .ceo-anh{border-width: 2px; box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 6px, rgba(155, 240, 207, 0.35) 0px 0px 40px, rgba(0, 10, 80, 0.65) 0px 24px 50px -18px;}
.mbf.mbf.mbf.mbf .ceo-anh img{transform: scale(1.42); transform-origin: 63% 46%;}
.mbf.mbf.mbf.mbf .ceo-anh::before{background: radial-gradient(32% 48% at 51% 47%, transparent 74%, rgba(46, 96, 226, 0.5) 90%, rgba(46, 96, 226, 0.8) 100%); backdrop-filter: blur(3px); mask: radial-gradient(32% 48% at 51% 47%, transparent 72%, rgb(0, 0, 0) 92%);}
@media (max-width: 640px){.mbf.mbf.mbf.mbf .ceo-anh{box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 5px, rgba(0, 10, 80, 0.65) 0px 18px 36px -14px;}}
@media (max-width: 400px){.mbf.mbf.mbf.mbf .form-trai{padding-left: 22px; padding-right: 22px;}}
@media (max-width: 400px){.mbf.mbf.mbf.mbf .ceo{padding: 14px;}}
@media (max-width: 400px){.mbf.mbf.mbf.mbf .ceo-so{gap: 10px; padding: 10px 16px 10px 10px;}}
@media (max-width: 400px){.mbf.mbf.mbf.mbf .ceo-so .cs-icon{width: 44px; height: 44px;}}
@media (max-width: 400px){.mbf.mbf.mbf.mbf .ceo-so .cs-chu b{font-size: clamp(18px, 5.4vw, 22px);}}
@media (min-width: 901px){.mbf.mbf.mbf.mbf .form-phai{display: flex; flex-direction: column; justify-content: center;}}
@media (min-width: 901px){.mbf.mbf.mbf.mbf .form-phai textarea{min-height: 150px;}}
@keyframes thapLen { 
  0% { opacity: 0; transform: translateY(76px); }
}
@keyframes thapXuong { 
  0% { opacity: 0; transform: translateY(-58px); }
}
@keyframes soLen { 
  0% { opacity: 0; transform: translateY(18px); }
}