<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
body,.stage{background:#141414}.b{position:absolute;width:45cqw;height:45cqw;border-radius:50%;filter:blur(60px);opacity:.75;mix-blend-mode:screen}
.b1{background:#f5b942;animation:m1 9s ease-in-out infinite alternate}.b2{background:#1fa38a;animation:m2 11s ease-in-out infinite alternate}.b3{background:#e1477a;animation:m3 8s ease-in-out infinite alternate}
@keyframes m1{from{transform:translate(-30%,-20%)}to{transform:translate(20%,25%)}}@keyframes m2{from{transform:translate(35%,-25%)}to{transform:translate(-25%,20%)}}@keyframes m3{from{transform:translate(0,35%) scale(.8)}to{transform:translate(10%,-30%) scale(1.15)}}
.t{position:relative;color:#fff;font-weight:800;font-size:6cqw;letter-spacing:-.03em}
</style></head>
<body><div class="stage"><div class="b b1"></div><div class="b b2"></div><div class="b b3"></div><div class="t">Ambient plate</div></div></body></html>