@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=DM+Sans:wght@400;600&family=Bangers&display=swap');
:root{--kem:#0D0D1A;--muc:#FFFFFF;--muc-2:#e0d6ec;--muc-3:#e0d6ec;--do:#FF3AF2;--do-dam:#9f117f;--vang:#FFE600;--luc:#00F5D4;--tim:#7B2FFF;--hong:#FF6B35;--vien:#FF3AF2}body{font-family:'DM Sans',sans-serif;background-color:#0D0D1A;background-image:radial-gradient(#ff3af22a 1px,transparent 1px),repeating-linear-gradient(135deg,transparent 0 40px,#7b2fff0b 40px 60px);background-size:20px 20px,auto;--preview-accent:#FFE600;--preview-bg:#0D0D1A;--preview-ink:white}h1,h2,h3{font-family:'Outfit',Arial,sans-serif;font-weight:900;text-transform:uppercase}.mo h1{font-size:clamp(56px,7vw,112px);line-height:1.03;text-shadow:2px 2px #FF3AF2,4px 4px #00F5D4,6px 6px #7B2FFF}.mo h1 em{color:#FFE600}.muc{padding-block:96px;border-top:4px solid #FF3AF2}.muc:nth-of-type(3n){border-color:#00F5D4;background:#2D1B4E}.muc:nth-of-type(4n){border-color:#FFE600}.gian>div,.lich>div{background:#2D1B4E;border:4px solid #00F5D4;border-radius:24px;padding:28px;box-shadow:8px 8px #7B2FFF,12px 12px #FF3AF2;transition:transform .2s}.gian>div:nth-child(2){border:6px double #FFE600;transform:rotate(1deg)}.gian>div:nth-child(3){border:4px dashed #FF6B35;transform:rotate(-1deg)}.gian>div:hover{transform:translateY(-8px) rotate(0)}.n1,.n2{border:4px solid #0D0D1A;border-radius:999px;background:#FFE600;color:#0D0D1A;box-shadow:5px 5px #FF3AF2,9px 9px #00F5D4;min-height:56px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.n1:active,.n2:active{transform:translate(4px,4px);box-shadow:1px 1px #FF3AF2,5px 5px #00F5D4}.anh-hero{border:8px double #FFE600;border-radius:32px;transform:rotate(2deg)}.max-shapes{display:flex;justify-content:space-around;align-items:center;gap:12px;padding:24px;font-size:42px;color:#00F5D4;overflow:hidden}.max-shapes span:nth-child(2n){color:#FF3AF2;animation:max-turn 12s linear infinite}.max-shapes span:nth-child(3n){color:#FFE600}.cuoi{background:linear-gradient(120deg,#7B2FFF,#a21185,#7B2FFF);background-size:200% 200%;animation:max-color 8s ease infinite;border:6px dashed #FFE600;border-radius:32px;color:white}.cuoi p,.cuoi h2{color:white}.lab{color:#FFE600}.gio{color:#00F5D4}@keyframes max-turn{to{transform:rotate(360deg)}}@keyframes max-color{50%{background-position:100% 50%}}@media(max-width:767px){.mo h1{font-size:56px}.muc{padding-block:64px}.gian>div{transform:none!important;margin:0 10px 16px 0}.anh-hero{transform:none}.max-shapes{font-size:28px}}

/* Final visual review */
.mo h1 u{color:#0D0D1A;text-shadow:2px 2px #FF3AF2;background:#FFE600}.mo .lab{background:#FF3AF2;color:#0D0D1A}header .goi{background:#FFE600;color:#0D0D1A;border-color:#0D0D1A}.hieu{color:#FF3AF2}.mo h1{font-size:clamp(48px,5.8vw,88px)}h1,h2,h3{font-family:'Outfit',Arial,sans-serif}



/* Accessibility review */
body header.top a.goi{color:#0D0D1A}.muc .lab{color:#0D0D1A}.gian>div h3,.lich>div h3,.cho h3{color:#FFE600!important}.cuoi a{color:#0D0D1A}

/* Detail review */
h1,h2,h3,.lich b{font-family:'Outfit','Segoe UI',sans-serif}.lich>div{margin-bottom:24px}