@font-face{font-family:"Bebas Neue";src:url(bebas-neue.woff2) format("woff2");font-display:swap}
*{margin:0;box-sizing:border-box}
html{background:#08050d}
body{min-height:100vh;min-height:100svh;display:grid;place-items:center;background:#08050d;color:#ece6f2;font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;text-align:center}
main{padding:2rem 1.25rem}
h1{font-weight:400;font-size:clamp(2.8rem,13vw,8rem);line-height:1;letter-spacing:.04em}
p{font-size:clamp(1.3rem,5vw,2.4rem);letter-spacing:.2em;margin-top:1.6em;opacity:.7}
.b{color:#9d6bff;opacity:1;margin-top:3.5em;font-size:clamp(1.1rem,4vw,1.8rem)}
.c{display:inline-flex;align-items:center;gap:.7em;margin-top:4.5em;padding:.75em 1.5em .7em 1em;color:#9d6bff;font-size:clamp(1.1rem,4vw,1.5rem);letter-spacing:.15em;text-decoration:none;border:1px solid #9d6bff66;border-radius:999px;background:#9d6bff0d;transition:background .4s,border-color .4s,color .4s}
.c svg{width:1.6em;height:1.6em;flex:none}
.c span{padding-top:.1em}
.c:hover,.c:focus-visible{color:#ece6f2;border-color:#ece6f2;background:#ece6f214;outline:none}
h1,p,.c{animation:in 3s ease-out both}
.a{animation-delay:1.5s}
.b{animation-delay:3s}
.c{animation-delay:6s;animation-duration:2.5s}
@keyframes in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){h1,p,.c{animation:none}}