*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#f1f6f8;overflow:hidden}main{min-height:100svh;display:grid;place-items:center;position:relative;padding:5vw;background:radial-gradient(ellipse at 50% 50%,#fff 0%,#f3f8fa 50%,#dfeaf0 100%)}main:before{content:"";position:absolute;width:110vmax;height:110vmax;border:1px solid #1a4c6d20;border-radius:50%;box-shadow:0 0 0 9vmax #14253b09,0 0 0 20vmax #0e2c4c08}.orbit{position:absolute;width:min(78vw,700px);aspect-ratio:1;border:1px solid #1a4c6d30;border-radius:50%;transform:rotate(-20deg)}.orbit:before{content:"";position:absolute;left:-5px;top:50%;width:12px;height:12px;background:#e22;border-radius:50%;box-shadow:0 0 15px #e225}.orbit:after{content:"";position:absolute;right:8%;top:8%;width:9px;height:9px;background:#00b92d;border-radius:50%;box-shadow:0 0 15px #0b54}.brand{position:relative;z-index:1;width:min(77vw,720px);padding:clamp(24px,5vw,65px);background:#fff;border:1px solid #d6e2e8;border-radius:18px;box-shadow:0 35px 90px #12334b1b}.brand img{display:block;width:100%;max-height:340px;object-fit:contain}@media(max-width:600px){.brand{width:94vw}.orbit{width:110vw}}
