@font-face{font-family:Lato;font-weight:400;font-display:swap;src:url(../fonts/lato-400.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:700;font-display:swap;src:url(../fonts/lato-700.woff2) format("woff2")}
@font-face{font-family:"Great Vibes";font-weight:400;font-display:swap;src:url(../fonts/greatvibes.woff2) format("woff2")}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:#DCE7D5;color:#23412F;font:400 1.125rem/1.6 Lato,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;text-align:center}
main{max-width:560px;background:#F5F8F2;border:1px solid #C9D7C2;border-radius:24px;padding:32px 24px}
img{max-width:280px;width:100%;height:auto}
h1{font-family:"Great Vibes",cursive;font-weight:400;font-size:2.6rem;line-height:1.2;margin:16px 0 8px;color:#2F5A3E}
p{margin:0 0 16px;color:#4B6253}
a.btn{display:inline-block;background:#2F5A3E;color:#fff;text-decoration:none;font-weight:700;padding:12px 24px;border-radius:999px;min-height:44px}
a.btn:focus-visible{outline:3px solid #23412F;outline-offset:3px}