:root{color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;color:#172e35;background:#f3f7f7}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px}
main{width:min(100%,740px);padding:60px;border:1px solid #dce6e5;border-radius:24px;background:#fff}
.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:-.4px}
.brandmark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background:#127a70;font-size:26px;font-weight:700}
.status{display:inline-flex;align-items:center;gap:8px;margin-top:56px;padding:8px 12px;border-radius:20px;background:#edf6f2;color:#36695b;font-size:13px;font-weight:600}
.status span{width:6px;height:6px;border-radius:50%;background:#498c76}
h1{font-size:clamp(42px,7vw,68px);line-height:1.08;letter-spacing:-3px;margin:22px 0;color:#172e35;font-weight:700}
p{font-size:18px;line-height:1.7;color:#64767b;margin:0}
footer{margin-top:56px;padding-top:22px;border-top:1px solid #edf0f0;color:#819095;font-size:13px;letter-spacing:.2px}
@media(max-width:520px){body{padding:16px}main{padding:32px 24px;border-radius:18px}.brand{font-size:18px}.status{margin-top:38px}h1{letter-spacing:-1.8px}p{font-size:16px}footer{margin-top:38px}}