*{box-sizing:border-box}body{margin:0;font:18px/1.65 system-ui,sans-serif;color:#242139;background:#faf9ff}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #ddd5ef}a{color:#5233a5;text-underline-offset:4px}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.12;max-width:850px}h2{font-size:1.5rem;line-height:1.3}section{background:white;border:1px solid #e1daed;border-radius:18px;padding:28px;margin:24px 0}.intro{font-size:1.3rem;max-width:790px}.eyebrow{color:#654994;font-size:.85rem;font-weight:700;letter-spacing:.08em}label{display:block;margin:16px 0}textarea{display:block;width:100%;min-height:85px;padding:12px;font:inherit;border:1px solid #796c92;border-radius:8px}button,.cta{background:#5233a5;color:white;padding:13px 22px;border:0;border-radius:10px;font:inherit;display:inline-block;margin:6px 8px 6px 0}button{cursor:pointer}output{display:block;white-space:pre-wrap;border-left:4px solid #c2acfa;padding:16px}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #be6a00;outline-offset:4px}footer{font-size:.9rem}nav{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:600px){header,main,footer{padding:18px}section{padding:20px}}@media print{button,nav,.cta{display:none}section{break-inside:avoid}body{background:white}}