*{box-sizing:border-box}
body{margin:0;padding:clamp(1rem,5vw,3rem);min-height:100vh;color:#211b31;background:#f8f6fb;font:1rem/1.55 system-ui,sans-serif}
header,main{max-width:42rem;margin-inline:auto}
header{background:#101010;border-radius:2rem;padding:.7rem 1.25rem}
header a{color:#fff;font-size:1.35rem;font-weight:800;text-decoration:none}
main{margin-top:clamp(1.25rem,6vw,3rem);padding:clamp(1.25rem,6vw,3rem);background:#fff;border:1px solid #e1d9f0;border-radius:1.5rem}
.note{color:#523895;font-size:.8rem;font-weight:750;letter-spacing:.08em}
h1{font-size:clamp(2rem,7vw,3.25rem);letter-spacing:-.045em;line-height:1.1;margin:.35rem 0 1rem}
main p:not(.note){max-width:34rem}
.button{display:inline-flex;align-items:center;min-height:2.75rem;margin-top:.65rem;padding:.6rem 1.3rem;border-radius:2rem;background:#114de6;color:#fff;text-decoration:none;font-weight:700}
a:focus-visible{outline:3px solid #9b6aed;outline-offset:3px}