:root{--black:#000;--cream:#FDE8C2;--pink:#F857A2;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{height:100%}
body{margin:0;height:100%;background:var(--black);color:var(--black);font-family:"Arial Rounded MT Bold","Nunito","Trebuchet MS",system-ui,sans-serif}
main{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,6vw,56px);padding:24px}
img{display:block;width:min(92vw,820px);height:auto}
.btn{display:inline-block;background:var(--pink);color:var(--black);font-weight:900;font-size:clamp(1.15rem,3vw,1.5rem);letter-spacing:.01em;text-decoration:none;padding:.8em 2.1em;border-radius:999px;border:4px solid var(--black);box-shadow:0 0 0 5px var(--cream);transition:transform .15s ease,background .15s ease}
.btn:hover{background:var(--cream);transform:translateY(-3px) rotate(-1.5deg)}
.btn:active{transform:translateY(0) scale(.97)}
.btn:focus-visible{outline:none;box-shadow:0 0 0 5px var(--cream),0 0 0 9px var(--pink)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}