@font-face{font-family:'Bungee Hairline';src:url('/assets/bungee-hairline.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;background:#000;color:#fff;scrollbar-color:#333 #000}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:#000}
::selection{background:#fff;color:#000}
#background{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:52px 20px 90px;gap:48px;min-height:100svh;pointer-events:none}
h1{font-family:'Bungee Hairline',sans-serif;font-size:clamp(24px,5vw,36px);font-weight:400;line-height:1.5;text-align:center;margin:0;letter-spacing:.02em}
.logo{display:block;width:min(300px,76vw);height:auto;max-width:100%}
.signature{position:fixed;right:6px;bottom:24px;z-index:2;display:grid;place-items:center;padding:10px 6px;opacity:.16;transition:opacity .2s}
.signature img{display:block;width:24px;height:auto}
.signature:hover,.signature:focus-visible{opacity:.65}
.signature:focus-visible{outline:1px solid #fff;outline-offset:3px}
@media(max-width:480px){main{padding-top:48px;gap:40px}.signature{right:2px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.signature{transition:none}}