*{box-sizing:border-box}body{margin:0;background:#12333b;color:#16383e;font-family:system-ui,-apple-system,sans-serif;min-height:100svh;display:grid;place-items:center;padding: max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}main{width:min(100%,580px);padding:clamp(28px,7vw,56px);border-radius:28px;background:#f8faf7;box-shadow:0 24px 80px #0002;overflow-wrap:anywhere}img{width:76px;height:76px;margin-bottom:28px;background:#12333b;border-radius:50%;padding:5px}.label{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#805331}h1{font-size:clamp(30px,6vw,44px);line-height:1.12;letter-spacing:-.04em;margin:16px 0 24px}p{font-size:17px;line-height:1.7;color:#476268}.date{padding:18px 20px;border:1px solid #dccbb7;border-radius:15px;background:#f0e7da;margin:28px 0}.date strong{display:block;color:#16383e;font-size:18px}.date span{display:block;margin-top:7px;font-size:14px;line-height:1.6;color:#596865}.progress-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}progress{display:block;width:100%;height:12px;margin-top:16px;border:0;border-radius:999px;overflow:hidden;background:#ded7cc;appearance:none}progress::-webkit-progress-bar{background:#ded7cc;border-radius:999px}progress::-webkit-progress-value{background:#12333b;border-radius:999px}progress::-moz-progress-bar{background:#12333b;border-radius:999px}.thanks{font-size:15px;margin-bottom:0}footer{margin-top:28px;font-size:12px;color:#6a7e80}