:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: #0c1023; color: #edf1ff; }
.card { width: min(42rem, calc(100% - 2rem)); padding: 3rem; border: 1px solid #4f5da4; border-radius: 1.5rem; background: linear-gradient(140deg, #202b62, #12172f 62%); box-shadow: 0 2rem 5rem #0008; }
.mark { width: 5rem; height: 5rem; }
.eyebrow { margin: 1.5rem 0 .4rem; color: #9fb4ff; font-size: .8rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.4rem); }
p { max-width: 36rem; line-height: 1.65; color: #c5cbed; }
button { padding: .7rem 1rem; border: 0; border-radius: .55rem; background: #87f0bd; color: #082516; cursor: pointer; font: inherit; font-weight: 750; }
button:focus-visible { outline: 3px solid white; outline-offset: 3px; }
.orbit { display: block; width: 12rem; margin: 2rem 0 0 auto; }