*{margin:0;padding:0;box-sizing:border-box}.app{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#fff;font-family:Poppins,sans-serif;pointer-events:none}.logo{position:absolute;top:20px;right:30px;width:100px;max-width:25vw;opacity:.9;pointer-events:auto}h1{font-size:clamp(2rem,6vw,4rem);letter-spacing:5px;text-transform:uppercase;animation:fadeIn 2s ease-in-out,glow 2s ease-in-out infinite alternate;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #888}to{text-shadow:0 0 20px #fff,0 0 40px #ccc}}.circular-text-top-left{position:absolute!important;top:20px;left:20px;z-index:2;pointer-events:auto;transform:scale(.6);transform-origin:top left}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.circular-text{margin:0 auto;border-radius:50%;width:110px;height:110px;font-weight:900;color:#fff;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;inset:0;font-size:15px;transition:all .5s cubic-bezier(0,0,0,1)}