:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#202631;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#f7f8fb 65%)}
.header,footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 48px;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce1ed;border-radius:9px;font-size:21px;color:#365cf5;letter-spacing:0}.status{display:flex;align-items:center;gap:8px;font-size:12px;color:#555f70;background:#fff;border:1px solid #e3e7ef;border-radius:30px;padding:9px 14px}.status span{height:6px;width:6px;background:#628375;border-radius:50%}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 22px 50px}.illustration{position:relative;width:180px;height:152px;margin:0 0 36px}.orbit{position:absolute;left:50%;top:50%;border:1px solid #e1e6f3;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:180px;height:108px}.orbit-two{width:108px;height:152px;transform:translate(-50%,-50%) rotate(32deg)}.tile{position:absolute;left:56px;top:42px;width:68px;height:68px;display:grid;place-items:center;border-radius:19px;background:#365cf5;color:white;font-size:47px;line-height:1;box-shadow:0 14px 32px #365cf51c;transform:rotate(-8deg)}.satellite{position:absolute;right:13px;top:47px;width:9px;height:9px;border-radius:50%;background:#98a9e3;box-shadow:0 0 0 6px #f7f8fb}.eyebrow{margin:0 0 22px;color:#667185;font-size:10px;font-weight:700;letter-spacing:2.4px;line-height:1.6}h1{font-size:clamp(40px,5.6vw,72px);font-weight:600;letter-spacing:-3px;line-height:1.08;margin:0;max-width:850px}.message{font-size:17px;line-height:1.75;color:#697386;margin:27px 0 0}.divider{width:32px;height:2px;background:#d5dcec;margin-top:38px}footer{padding-top:24px;padding-bottom:26px;border-top:1px solid #e7eaf1;color:#727c8c;font-size:11px;line-height:1.5}
@media(max-width:560px){.header{padding:22px 22px}.brand{font-size:10px;letter-spacing:1.5px}.status{font-size:11px;padding:8px 10px}main{padding-top:32px;padding-bottom:42px}.illustration{margin-bottom:28px;transform:scale(.9)}h1{letter-spacing:-1.6px;font-size:44px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}.message{font-size:16px;margin-top:23px}footer{padding:20px 22px;font-size:10px;gap:16px;flex-wrap:wrap}}
@media(max-width:350px){h1{font-size:37px}.header{padding-left:16px;padding-right:16px}footer{padding-left:16px;padding-right:16px}}