@font-face{font-family:"BornFree";src:url("/assets/born-free.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f5ef;background:#09090a;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#09090a}
body{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow-x:hidden;background:radial-gradient(circle at 50% 48%,#171719 0,#09090a 52%)}
.qr-header{display:grid;justify-items:center;gap:5px;padding:18px 16px 8px;text-align:center}
.qr-header strong{font-family:"BornFree",Impact,sans-serif;font-size:clamp(25px,6vw,38px);line-height:.9;letter-spacing:.055em;font-weight:400}
.qr-header span{color:#f5ce38;font-size:9px;font-weight:950;letter-spacing:.18em}
main{display:grid;place-items:center;padding:10px 16px}
.qr-card{display:grid;justify-items:center;width:min(100%,560px);text-align:center}
.kicker{margin:0 0 10px;color:#aaa8a2;font-size:9px;font-weight:900;letter-spacing:.18em}
.qr-frame{display:grid;place-items:center;padding:14px;border-radius:18px;background:#fff;box-shadow:0 0 0 3px #f5ce38,0 22px 70px rgba(0,0,0,.55)}
.qr-frame img{display:block;width:clamp(236px,min(68vw,48vh),420px);height:auto}
h1{margin:18px 0 6px;font-size:clamp(27px,7vw,40px);line-height:1;letter-spacing:-.04em}
.qr-card>p:not(.kicker){margin:0;max-width:440px;color:#aaa8a2;font-size:13px;line-height:1.45}
.qr-card>p b{color:#f7f5ef}
.qr-card>a{display:inline-flex;margin-top:13px;padding:11px 18px;border-radius:10px;background:#f5ce38;color:#17140a;text-decoration:none;font-size:13px;font-weight:900}
footer{padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px));color:#777;font-size:9px;letter-spacing:.13em;text-align:center}
footer b{color:#aaa8a2}
@media(max-height:650px){.qr-header{padding-top:10px}.qr-frame img{width:clamp(210px,min(54vw,44vh),360px)}h1{margin-top:12px}.qr-card>a{margin-top:9px;padding-block:9px}}