@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=DM+Sans:wght@400;500;700&display=swap');
:root{--nen:#F4F1FA;--nen-2:#EFEBF5;--trang:#ffffffbb;--muc:#332F3A;--muc-2:#635F69;--muc-3:#635F69;--tim:#7C3AED;--tim-dam:#6723d5;--cam:#F59E0B;--luc:#10B981;--hong:#DB2777;--clay-card:16px 16px 32px #a096b433,-10px -10px 24px #ffffffe6,inset 6px 6px 12px #8b5cf608,inset -6px -6px 12px white;--clay-button:12px 12px 24px #8b5cf64d,-8px -8px 16px #fff6,inset 4px 4px 8px #fff6,inset -4px -4px 8px #0002}
body{font-family:'DM Sans',sans-serif;--preview-accent:#7C3AED;--preview-bg:#F4F1FA;--preview-ink:#332F3A;isolation:isolate}.clay-blobs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.clay-blobs i{position:absolute;width:60vh;height:60vh;filter:blur(64px);opacity:.1;background:#7C3AED;border-radius:50%;left:-10%;top:-10%;animation:clay-float 8s ease-in-out infinite}.clay-blobs i:nth-child(2){background:#DB2777;left:auto;right:-10%;top:20%;animation-duration:10s}.clay-blobs i:nth-child(3){background:#0EA5E9;left:20%;top:70%;animation-duration:12s}
h1,h2,h3,.so,.bieu{font-family:'Nunito',sans-serif;font-weight:900}.mo h1{font-size:clamp(44px,5vw,72px);line-height:1.2}.muc{padding-block:96px}.dat{background:#ffffffaa;border:0!important;border-radius:32px;box-shadow:var(--clay-card);backdrop-filter:blur(20px);transition:transform .5s,box-shadow .5s}.dat:hover{transform:translateY(-8px)}.dat-tim{background:#ede7ff;color:#332F3A}.dat-tim p,.dat-tim .so{color:#332F3A}.dt{border-radius:48px;padding:32px!important}.bieu{border-radius:24px;box-shadow:var(--clay-button)}.n1,.n2,.nut{border-radius:20px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--clay-button);background:linear-gradient(135deg,#7C3AED,#6723d5);color:white;transition:transform .2s,box-shadow .2s}.n1:hover,.n2:hover{transform:translateY(-4px)}.n1:active,.n2:active{transform:scale(.92);box-shadow:inset 10px 10px 20px #44206f,inset -10px -10px 20px #9458ed}.the{gap:32px}.the>.dat:first-child{grid-column:span 2}.clay-input{width:100%;min-height:64px;background:#EFEBF5;color:#332F3A;border:0;border-radius:20px;box-shadow:inset 10px 10px 20px #d9d4e3,inset -10px -10px 20px white;padding:16px 24px}.clay-input:focus{background:white}.clay-form{margin-top:32px}.clay-form label{display:block;margin-bottom:16px}
@keyframes clay-float{50%{transform:translateY(-20px) rotate(2deg)}}@media(max-width:767px){.muc{padding-block:64px}.the>.dat:first-child{grid-column:auto}.the{grid-template-columns:1fr!important}.dt{border-radius:32px;padding:24px!important}.mo h1{font-size:44px}}

/* Final visual review */
header .goi{color:white}



/* Accessibility review */
body header.top a.goi{color:white}