:root{--bg:#0b0b0b;--text:#f6f6f6;--muted:#bdbdbd}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url('../img/texture.png');background-repeat:repeat;overflow:hidden}.flex-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.logo{max-width:640px;width:100%;height:auto;display:block;margin:0 auto;pointer-events:none}.footer{position:fixed;right:18px;bottom:18px;z-index:40}.footer-inner{display:flex}.footer-socials{display:flex;gap:10px;align-items:center;list-style:none;padding:0;margin:0}.icon-link{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:999px;text-decoration:none;color:var(--text);position:relative;overflow:visible;transition:transform .2s}.icon-link svg{width:18px;height:18px;fill:white}.icon-link:hover{transform:translateY(-2px)}.icon-link::before{content:'';position:absolute;inset:0;border-radius:999px;background:0 0;z-index:-1;transition:transform .18s,background .18s;transform:scale(.92)}.icon-link:hover::before{transform:scale(1)}.icon--soundcloud:hover::before{background:#f50}.icon--spotify:hover::before{background:#1db954}.icon--twitter:hover::before{background:#1da1f2}.icon--tiktok:hover::before{background:linear-gradient(45deg,#69c9d0,#ee1d52)}.icon--instagram:hover::before{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.icon--youtube:hover::before{background:red}.icon--twitch:hover::before{background:#9146ff}.icon--email:hover::before{background:#16f379}.social-bar-hidden{opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}.social-bar-visible{opacity:1;transform:none;transition:opacity .6s .3s,transform .6s .3s}@media (max-width:640px){.icon-link{width:38px;height:38px}.logo{max-width:360px}}@media (max-width:480px){.footer{right:12px;bottom:12px}.icon-link{width:34px;height:34px}.logo{max-width:260px}}@media (prefers-reduced-motion:reduce){.logo{animation:none!important}.social-bar-visible{transition:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}