*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#111;background:#f4f5f4;font-family:Arial,Helvetica,sans-serif}.shell{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.card{background:#fff;border:1px solid #dedede;width:min(720px,100%);padding:48px;box-shadow:0 18px 50px #00000014}.mark{color:#fff;background:#137333;place-items:center;width:56px;height:56px;margin-bottom:26px;font-size:28px;font-weight:800;display:grid}.eyebrow{color:#137333;letter-spacing:.12em;margin:0 0 10px;font-size:13px;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,7vw,64px);line-height:.98}.intro{color:#4d4d4d;max-width:560px;margin:22px 0 34px;font-size:18px;line-height:1.6}.status{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.status>div{grid-template-columns:14px 1fr;gap:2px 12px;padding:18px 0;display:grid}.status>div+div{border-top:1px solid #e5e5e5}.status strong,.status small{grid-column:2}.status small{color:#666;margin-top:3px}.dot{background:#137333;border-radius:50%;grid-row:1/span 2;width:10px;height:10px;margin-top:4px}.dot.pending{background:#d88a00}.note{color:#6b6b6b;margin:28px 0 0;font-size:14px;line-height:1.6}@media (max-width:560px){.card{padding:30px 24px}}