html{color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:24px;background:#1f2023;color:#f1f1f2;font:16px/1.55 system-ui;display:grid;place-items:center;min-height:100svh}main{width:min(100%,440px);padding:32px;background:#27282b;border:1px solid #36373a;border-radius:12px}h1{margin:0 0 12px;font-size:24px;line-height:1.25;font-weight:600}p{margin:0 0 24px;color:#a8abb2}.status{margin-bottom:12px;color:#d6b48c;font-size:14px}a{display:inline-block;padding:10px 16px;border:1px solid #625343;border-radius:8px;color:#f1f1f2;text-decoration:none;background:#39332d}a:hover{background:#443b32}a:focus-visible{outline:2px solid #d6b48c;outline-offset:4px}@media(max-width:480px){main{padding:24px}}