@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap');
:root{--nen:#F0F0F0;--muc:#121212;--muc-2:#333;--muc-3:#555;--do:#D02020;--vang:#F0C020;--xanh:#1040C0}
body{font-family:'Outfit',Arial,sans-serif;--preview-accent:#D02020;--preview-bg:#F0F0F0;--preview-ink:#121212}
h1,h2,h3{font-weight:900;text-transform:uppercase;line-height:1.2}.mo h1{font-size:clamp(48px,6.6vw,96px)}
.muc{padding-block:96px}.nut{background:var(--do);color:white;border:2px solid #121212;box-shadow:4px 4px 0 #121212;transition:transform .2s,box-shadow .2s}.nut:active{transform:translate(2px,2px);box-shadow:none}
.hieu i{border-radius:50%;box-shadow:22px 0 #1040C0;margin-right:50px;position:relative}.hieu i::after{content:'';position:absolute;left:44px;width:16px;height:16px;background:#F0C020;clip-path:polygon(50% 0,100% 100%,0 100%)}
.khung-anh{border:4px solid #121212;box-shadow:8px 8px 0 #121212;background:#1040C0}.anh-hero{background-image:none;position:relative;background-color:#1040C0;overflow:hidden}
.anh-hero::before{content:'';position:absolute;width:70%;height:70%;border-radius:50%;background:#F0C020;left:8%;top:8%;border:4px solid #121212}.anh-hero::after{content:'';position:absolute;width:48%;height:48%;right:9%;bottom:9%;background:#D02020;border:4px solid #121212;transform:rotate(45deg)}
.hoc{background:#F0C020}.hoc .gia{color:#121212}.buoc>div{position:relative;padding:24px 16px;background:#F0F0F0}.buoc>div::before{content:'';display:block;width:18px;height:18px;transform:rotate(45deg);background:#D02020;margin-bottom:16px}
.cuoi{background:#F0C020;padding-block:80px}.cuoi .nut{background:#1040C0}footer{background:#121212;color:#F0F0F0;padding:24px}
.anh-lop{filter:grayscale(1);transition:filter .2s}.anh-lop:hover{filter:grayscale(0)}
@media(max-width:640px){.muc{padding-block:48px}.mo h1{font-size:48px}.khung-anh{border-width:2px;box-shadow:3px 3px 0 #121212}.buoc{grid-template-columns:1fr}.nut{width:100%;text-align:center}}

/* Final visual review */
h1,h2,h3{font-family:'Outfit',Arial,sans-serif}



/* Accessibility review */
h1,h2,h3{font-family:'Outfit','Segoe UI',sans-serif;font-weight:900}