:root{color-scheme:dark;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#10151c;color:#e8edf2}main{width:min(520px,calc(100vw - 48px));padding:34px;border:1px solid #2b3745;border-radius:18px;background:#18212b;box-shadow:0 18px 60px #0006}span{display:block;width:12px;height:12px;border-radius:50%;background:#55c98b;box-shadow:0 0 18px #55c98b99}h1{margin:12px 0 8px}p{line-height:1.55}small{color:#9eacba}