*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Syne,sans-serif;background:#030303;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}main{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.logo{font-size:clamp(12rem,35vw,24rem);font-weight:800;line-height:.8;letter-spacing:-.04em;color:#ffffff05;text-shadow:0 0 100px rgba(255,255,255,.015),0 0 200px rgba(255,255,255,.01);-webkit-user-select:none;user-select:none;mix-blend-mode:difference;animation:logoIn 2.5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:scale(.9)}@keyframes logoIn{0%{opacity:0;transform:scale(.9);filter:blur(20px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@media(hover:hover){body{cursor:crosshair}}@media(prefers-reduced-motion:reduce){.logo{animation:none;opacity:1;transform:none;filter:none}}