@font-face { font-family:"Lilita One"; src:url("/assets/lilita-one-latin.woff2") format("woff2"); font-display:swap; }
* { box-sizing:border-box; }
html, body { height:100%; }
body { margin:0; display:flex; align-items:center; justify-content:center; padding:24px; background:#0279D1; color:#fff; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { display:flex; flex-direction:column; align-items:center; gap:28px; max-width:640px; text-align:center; }
main img { display:block; width:min(280px,70vw); height:auto; }
h1 { margin:0; font-family:"Lilita One",system-ui,sans-serif; font-weight:400; font-size:clamp(32px,6vw,56px); line-height:1.1; color:#FFD345; }
.btn { display:inline-flex; align-items:center; min-height:48px; padding:12px 24px; border:3px solid #17243C; border-radius:14px; background:#FF921B; color:#17243C; font-family:"Lilita One",system-ui,sans-serif; font-size:18px; text-decoration:none; box-shadow:0 5px 0 #17243C; }
.btn:hover { background:#F47A20; }
.btn:focus-visible, main > a:first-child:focus-visible { outline:3px solid #FFD345; outline-offset:3px; }