@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--gtk-red:#e63946}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#000}main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;text-align:center;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;position:relative}.bg-photo{background-size:cover;background-position:50%;filter:brightness(1.25);z-index:-2}.bg-overlay,.bg-photo{position:fixed;inset:0}.bg-overlay{background:rgba(0,0,0,.35);z-index:-1}.logo-wrap{position:relative;animation:fade-scale-in .6s ease-out both}.logo-glow{position:absolute;inset:0;margin:auto;width:160px;height:160px;border-radius:999px;background:rgba(230,57,70,.2);filter:blur(48px);z-index:-1;animation:glow-pulse 2s ease-in-out infinite}.logo-frame{position:relative;width:96px;height:96px;margin:0 auto;border-radius:50%;overflow:hidden;border:2px solid rgba(230,57,70,.4)}.logo{width:100%;height:100%;object-fit:cover;display:block}.tag{color:var(--gtk-red);font-size:.75rem;font-weight:600;letter-spacing:.3em;margin-top:2rem;animation:fade-up .6s ease-out .15s both}.tag,h1{text-transform:uppercase;opacity:0}h1{color:#fff;font-weight:700;font-size:2.5rem;letter-spacing:.15em;margin:1rem 0 0;animation:fade-up .6s ease-out .25s both}.date{color:hsla(0,0%,100%,.6);font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;animation:fade-up .6s ease-out .35s both}.countdown,.date{margin-top:1.5rem;opacity:0}.countdown{justify-content:center;gap:1rem;animation:fade-up .6s ease-out .4s both}.countdown,.countdown .unit{display:flex;align-items:center}.countdown .unit{flex-direction:column}.countdown .box{width:64px;padding:.75rem 0;border-radius:.75rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15)}.countdown .box span{color:#fff;font-weight:700;font-size:1.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.countdown .unit-label{color:hsla(0,0%,100%,.5);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem}.blurb{color:hsla(0,0%,100%,.8);font-size:.9rem;line-height:1.6;max-width:22rem;margin:2rem auto 0;opacity:0;animation:fade-up .6s ease-out .5s both}.social{gap:1rem;margin-top:4rem;opacity:0;animation:fade-in .6s ease-out .6s both}.social,.social a{display:flex;align-items:center;justify-content:center}.social a{width:40px;height:40px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7);text-decoration:none;transition:border-color .3s ease,color .3s ease}.social a:hover{border-color:var(--gtk-red);color:var(--gtk-red)}.social svg{width:16px;height:16px}@media (min-width:640px){.logo-frame{width:112px;height:112px}h1{font-size:4rem}.countdown .box{width:80px}.countdown .box span{font-size:1.875rem}}@keyframes fade-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}