:root{color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.shade{position:fixed;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.7));pointer-events:none}
main{position:fixed;left:0;right:0;bottom:40px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 16px}
.tg,.twitter{min-height:44px;display:inline-flex;align-items:center;padding:0 20px;border-radius:9999px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:15px;font-weight:500;text-decoration:none;text-align:center}
.tg:hover,.twitter:hover{background:rgba(0,0,0,.75);border-color:rgba(255,255,255,.45)}
.tg:focus-visible,.twitter:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:480px){.bg{object-position:50% 18%}main{bottom:28px}}