*{box-sizing:border-box}html{font:17px/1.65 system-ui,sans-serif;background:#f7f4ec;color:#25222b}body{margin:0;padding:40px 20px}main{max-width:780px;margin:auto;background:#fffdf8;border:2px solid #25222b;padding:clamp(24px,5vw,56px);box-shadow:6px 6px 0 #25222b}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}h2{font-size:22px;line-height:1.3;margin:36px 0 12px}p{margin:14px 0;overflow-wrap:anywhere}a{color:#6133b8;text-underline-offset:3px}a:focus-visible{outline:3px solid #9e72f6;outline-offset:3px}footer{border-top:2px solid;margin-top:40px;padding-top:20px}@media(prefers-color-scheme:dark){html{background:#19161f;color:#f4ecff}main{background:#24202c;border-color:#a990c8;box-shadow:6px 6px 0 #a990c8}a{color:#c8a7ff}}@media(max-width:480px){body{padding:16px 12px}main{box-shadow:3px 3px 0 #25222b}}