:root{color:#172033;background:#f6f7fb;font-family:system-ui,sans-serif}body{margin:0}main{box-sizing:border-box;max-width:48rem;min-height:100vh;margin:0 auto;padding:6rem 1.5rem}.eyebrow{color:#5b3fc0;letter-spacing:.08em;text-transform:uppercase;font-weight:700}h1{font-size:clamp(2rem,7vw,4rem);line-height:1.05}p{line-height:1.6}:focus-visible{outline-offset:3px;outline:3px solid #7a3cff}.dialog-backdrop{z-index:1000;box-sizing:border-box;background:#172033b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-panel{box-sizing:border-box;color:#172033;background:#fff;border-radius:.75rem;width:min(100%,32rem);max-height:calc(100vh - 2rem);padding:1.25rem;overflow-y:auto;box-shadow:0 1rem 3rem #00000040}.dialog-close{color:currentColor;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;margin-inline-start:auto;font-size:1.5rem;display:grid}.dialog-close:hover{background:#ece8ff}