.intro{position:fixed;inset:0;z-index:2000;background:#E93A77;display:grid;place-content:center;justify-items:center;gap:10px;overflow:hidden;color:#fff;animation:introout .3s ease-in 1.85s forwards}
.introring{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-95px 0 0 -75px;border-radius:50%;border:6px solid #FFE27A;opacity:0;animation:introring .9s var(--ease-out) .42s}
.introring.two{border-color:#fff;animation-delay:.58s}
.intropin{position:relative;width:150px;height:150px;overflow:visible;animation:introdrop .62s cubic-bezier(.3,1.5,.5,1) both,introexit .3s ease-in 1.85s forwards}
.intropin .eye{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:introeye .22s var(--ease-out) forwards}
.intropin .eye.l{animation-delay:.46s}
.intropin .eye.r{animation-delay:.56s}
.intropin .smile{stroke-dasharray:1;stroke-dashoffset:1;animation:introsmile .3s ease-out .68s forwards}
.introword{position:relative;margin:0;font:800 46px/1 "Baloo 2","Arial Rounded MT Bold",system-ui,sans-serif;opacity:0;animation:introword .36s var(--ease-out) .9s forwards}
@keyframes introdrop{0%{transform:translateY(-70vh) scale(.8,1.15)}62%{transform:translateY(0) scale(1.14,.84)}82%{transform:translateY(-14px) scale(.96,1.05)}100%{transform:none}}
@keyframes introeye{to{transform:scale(1)}}
@keyframes introsmile{to{stroke-dashoffset:0}}
@keyframes introring{0%{transform:scale(.5);opacity:.9}100%{transform:scale(3.4);opacity:0}}
@keyframes introword{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@keyframes introexit{to{transform:scale(1.25)}}
@keyframes introout{to{opacity:0;visibility:hidden}}
.introtap{position:relative;margin-top:14px;min-height:48px;padding:10px 24px;border:0;border-radius:99px;background:#FFE27A;color:#2A1020;font:800 18px/1.2 "Nunito",system-ui,sans-serif;cursor:pointer;animation:introword .3s var(--ease-out)}