:root{color-scheme:light;font-family:system-ui,sans-serif;color:#211340;background:#fff8e9}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 95% 0,#ffd23f55,transparent 45%)}
main{max-width:860px;margin:auto;padding:32px 24px 56px}a{color:#593493;text-underline-offset:4px}
a:focus-visible{outline:3px solid #ff4d18;outline-offset:5px}header{padding:32px 0}
header img{float:right;border-radius:24px;margin:0 0 16px 20px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:800;color:#593493}
h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.03;max-width:620px;margin:14px 0}h2{font-size:1.5rem}.intro{font-size:1.2rem;line-height:1.6}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}.button{display:inline-block;background:#593493;color:white;border-radius:12px;padding:16px 20px;text-decoration:none;font-weight:750}.button:hover{background:#402466}
section{background:#fffdf7;border:1px solid #ded3be;border-radius:18px;padding:16px 24px;margin:20px 0}p,li,footer{line-height:1.65}li{padding-bottom:10px}
code{font-size:.93em;overflow-wrap:anywhere;background:#f1e9db;padding:2px 4px;border-radius:4px}footer{padding-top:20px;font-size:.9rem}
@media(max-width:520px){header img{width:78px;height:78px}main{padding:24px 18px}.actions{align-items:stretch}.button{text-align:center}section{padding:12px 18px}}