:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:#f5faf4;color:#203829}
*{box-sizing:border-box}
body{min-height:100svh;margin:0;display:flex;flex-direction:column;background:radial-gradient(circle at 75% 18%,#e6f6e4 0,transparent 38%),#f5faf4}
.shell{width:min(100% - 48px,560px);margin:auto;padding:64px 0 42px}
.mark{display:block;width:112px;height:112px;object-fit:cover;border-radius:25px;box-shadow:0 12px 38px #224c3020}
h1{margin:34px 0 0;font-size:clamp(34px,7vw,48px);line-height:1.2;letter-spacing:-.04em}
.lead{max-width:33em;margin:20px 0 32px;color:#526c59;font-size:16px;line-height:1.8}
.action{width:fit-content;min-height:54px;padding:14px 23px;display:inline-flex;align-items:center;gap:32px;border-radius:13px;background:#234a32;color:#fff;text-decoration:none;font-size:15px;font-weight:700}
.action:hover,.action:focus-visible{background:#346a47;outline:2px solid #234a32;outline-offset:3px}
.action span{font-size:21px;line-height:1}
.status{margin-top:22px;color:#718477;font-size:13px}
footer{padding:20px 24px 28px;text-align:center;color:#89998d;font-size:12px}
@media(max-width:520px){.shell{padding:40px 0 22px}.mark{width:96px;height:96px;border-radius:22px}}