@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--than:#e0e5ec;--than-2:#f0f2f5;--ke:#babecc;--muc:#2d3436;--muc-2:#4a5568;--muc-3:#4a5568;--vang:#b51f31;--safety:#ff4757;--lift:8px 8px 16px #babecc,-8px -8px 16px white;--press:inset 4px 4px 8px #babecc,inset -4px -4px 8px white}
body{background:#e0e5ec;font:16px/1.7 'Inter',sans-serif;--preview-accent:#b51f31;--preview-bg:#e0e5ec;--preview-ink:#2d3436}h1,h2,h3{font-family:'Inter',sans-serif;text-shadow:0 1px white;line-height:1.25}.mo h1{font-size:clamp(40px,5vw,64px);font-weight:800}.lab,.gia,.hot,.buoc b{font-family:'JetBrains Mono',monospace}.muc{padding-block:96px}.o,.buoc>div{background-color:#e0e5ec;border:0;border-radius:16px;box-shadow:var(--lift);padding:32px;position:relative;background-image:radial-gradient(circle at 12px 12px,#7b8797 2px,transparent 3px),radial-gradient(circle at calc(100% - 12px) 12px,#7b8797 2px,transparent 3px),radial-gradient(circle at 12px calc(100% - 12px),#7b8797 2px,transparent 3px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#7b8797 2px,transparent 3px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.o::after{content:'';position:absolute;right:24px;top:20px;width:28px;height:20px;background:repeating-linear-gradient(90deg,#a3b1c6 0 3px,transparent 3px 8px);border-radius:4px}.o:hover{transform:translateY(-4px)}.bang,.buoc{gap:32px;background:transparent;border:0}.nut,.n1{background:#ff4757;color:#2d1014;border:1px solid #ffffff66;border-radius:8px;box-shadow:4px 4px 8px #a6323c66,-4px -4px 8px #ff646e66;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.nut:active,.n1:active{transform:translateY(2px);box-shadow:var(--press)}.tam{background:#2d3436!important;border:8px solid #2d3436;border-radius:24px;padding:24px;box-shadow:var(--lift);aspect-ratio:4/3;position:relative}.tam::before,.tam::after{display:none}.device-screen{background:repeating-linear-gradient(transparent 0 3px,#0003 3px 4px),#111c20;border-radius:8px;box-shadow:inset 4px 4px 12px #0009;height:100%;padding:24px;color:#e0e5ec;font:14px/1.8 'JetBrains Mono',monospace}.device-screen p{margin:16px 0}.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#66e3a0;box-shadow:0 0 10px #66e3a0;margin-right:8px}.device-meter{height:16px;background:#26383d;border-radius:4px}.device-meter::after{content:'';display:block;background:#ff4757;width:72%;height:100%;border-radius:4px}.cuoi{background:#e0e5ec}.cuoi h2,.cuoi p{color:#2d3436}.buoc{position:relative}.buoc::before{content:'';position:absolute;top:20px;left:0;right:0;height:12px;border-radius:20px;background:#d1d9e6;box-shadow:var(--press)}blockquote{position:relative}blockquote::before{content:'';position:absolute;top:-20px;left:45%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffacb2,#ff4757);box-shadow:2px 3px 4px #0004}
@media(max-width:767px){.muc{padding-block:64px}.buoc::before{display:none}.tam{padding:8px}.device-screen{padding:16px}.mo h1{font-size:40px}.bang{grid-template-columns:1fr}}



/* Accessibility review */
.tam{height:auto;aspect-ratio:auto;min-height:360px}.device-screen{height:auto;min-height:300px}@media(max-width:767px){.tam{aspect-ratio:auto;min-height:0}.device-screen{min-height:0}}