:root{--sky:#2350c8;--deep:#0f1d6e;--panel:#4c5143;--panel-d:#3d4036;--bevel:#8a8264;--out:#15170f;--text:#f2f2ea;--tan:#efb865;--orange:#ffa11c;--red:#da4637;--green:#3fa62a}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(#3a6fe0,var(--sky) 25%,var(--deep) 75%,#0b1240);color:var(--text);font:16px/1.55 "Pixelify Sans",system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:24px 16px 48px}
.panel{background:var(--panel);border:2px solid var(--out);box-shadow:inset 3px 3px 0 #6e705f,inset -3px -3px 0 var(--panel-d);padding:18px 18px;margin:16px 0}
h1{font-size:30px;margin:8px 0;text-shadow:2px 2px 0 var(--out)}
h2{font-size:19px;color:var(--orange);margin:22px 0 6px}
a{color:var(--tan)}
.btn{display:inline-block;background:var(--green);color:var(--text);text-decoration:none;padding:12px 18px;border:2px solid var(--out);box-shadow:inset 3px 3px 0 #6fd157,inset -3px -3px 0 #1e5e12;font-weight:700}
.code{display:inline-block;font-size:34px;letter-spacing:6px;background:#242a29;border:2px solid var(--out);padding:8px 18px;color:#ffc23a}
.muted{color:#b9b8a6;font-size:14px}
img.icon{image-rendering:pixelated;width:96px;height:96px;border:2px solid var(--out)}