:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #f7fbff; background: #0d2237; }
* { box-sizing: border-box; }
body { min-height: 100vh; min-height: 100dvh; margin: 0; padding: 24px; display: grid; place-items: center; }
main { width: min(720px, 100%); }
main > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; color: #0d2237; background: #62d6ad; font-weight: 850; }
h1 { max-width: 650px; margin: 28px 0 18px; font-family: Georgia, serif; font-size: clamp(2.7rem, 8vw, 5rem); line-height: 1; letter-spacing: -.05em; }
p { max-width: 560px; color: #b8c9d6; font-size: 1rem; line-height: 1.65; }
a, button { display: inline-block; padding: 14px 24px; border: 0; border-radius: 10px; background: #62d6ad; color: #0d2237; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
a:focus-visible, button:focus-visible { outline: 3px solid white; outline-offset: 4px; }