:root{color-scheme:dark}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#061428;color:#eaf1f8;font:16px/1.5 system-ui,sans-serif;text-align:center;padding:24px}
h1{font-size:clamp(3rem,12vw,7rem);font-weight:300;margin:0;letter-spacing:-.02em}
p{color:#a9bfd6;margin:12px 0 28px}
a{display:inline-block;padding:14px 22px;background:#eaf1f8;color:#061428;text-decoration:none;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
a:focus-visible{outline:2px solid #eaf1f8;outline-offset:3px}
body.doc{display:block;text-align:left;padding:48px 24px}
.doc main{max-width:42rem;margin:0 auto}
.doc h1{font-size:clamp(2rem,6vw,3rem);margin:24px 0 16px}
.doc h2{font-size:1.25rem;font-weight:600;margin:32px 0 8px}
.doc p{color:#cfdbe8;margin:0 0 12px}
.doc code{font-family:ui-monospace,monospace;font-size:.9em}
.doc a{display:inline;padding:0;background:none;color:#eaf1f8;text-transform:none;letter-spacing:0;font-weight:500;text-decoration:underline;font-size:inherit}