body{margin:0;min-height:100vh;display:grid;place-items:center;background:#5C1910;color:#fdf7e5;font-family:Arial,Helvetica,sans-serif}
main{width:min(420px,calc(100% - 32px));text-align:center;padding:40px 28px;border:1px solid rgba(234,190,117,.34);border-radius:12px;background:rgba(10,10,15,.35)}
img{width:150px;height:auto;margin-bottom:8px}h1{font-size:20px;font-weight:600;margin:18px 0 10px}p{font-size:14px;line-height:1.6;color:#f3dec3;margin:0 0 22px}
a.button{display:inline-block;padding:12px 22px;border-radius:6px;background:#EABE75;color:#5C1910;font-weight:600;font-size:14px;text-decoration:none}
a.button:focus-visible{outline:2px solid #fdf7e5;outline-offset:3px}.note{font-size:12px;color:#edcfac;margin:18px 0 0}.off{opacity:.45;pointer-events:none}