.gate{z-index:100;cursor:pointer;color:#f5efe9;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.gate-half{background:#0c0a09;height:50%;position:absolute;left:0;right:0}.gate-top{border-bottom:1px solid #ffebdc17;top:0}.gate-bottom{bottom:0}.gate.leaving .gate-top{animation:.85s cubic-bezier(.77,0,.18,1) forwards gate-curtain-up}.gate.leaving .gate-bottom{animation:.85s cubic-bezier(.77,0,.18,1) forwards gate-curtain-down}.gate.leaving .gate-stage{opacity:0;transition:opacity .25s}.gate-stage{z-index:1;text-align:center;place-items:center;gap:28px;padding:0 24px;display:grid;position:relative}.gate-word{font-size:max(2rem,min(7vw,5.2rem));animation:.7s cubic-bezier(.16,1,.3,1) both gate-rise}.gate-word.dim{color:#a2968c;font-family:var(--font-body), var(--font-geist-sans), sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:max(.8rem,min(2vw,.95rem));font-weight:600}.gate-typing{background:#202c33;border-radius:20px 20px 20px 6px;gap:7px;padding:16px 20px;animation:.4s cubic-bezier(.16,1,.3,1) both gate-pop;display:inline-flex}.gate-typing i{background:#aebac1;border-radius:50%;width:9px;height:9px;animation:1.1s infinite gate-dot}.gate-typing i:nth-child(2){animation-delay:.15s}.gate-typing i:nth-child(3){animation-delay:.3s}.gate-wa{color:#fff;background:#25d366;border-radius:50%;place-items:center;width:88px;height:88px;animation:.55s cubic-bezier(.16,1,.3,1) both gate-pop;display:grid;position:relative}.gate-wa:before,.gate-wa:after{content:"";border:1.5px solid #25d366;border-radius:50%;animation:1.4s ease-out infinite gate-ring;position:absolute;top:0;bottom:0;left:0;right:0}.gate-wa:after{animation-delay:.5s}@keyframes gate-rise{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes gate-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes gate-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes gate-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes gate-curtain-up{to{transform:translateY(-100%)}}@keyframes gate-curtain-down{to{transform:translateY(100%)}}
