.portal{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at center,#175875,#061b38 60%);display:grid;place-items:center;overflow:hidden}.portal[hidden]{display:none}.portal-logo{position:relative;width:min(75vw,690px);aspect-ratio:1;border-radius:24px;box-shadow:0 0 100px #54d6ff50;animation:collapse-logo 2.7s cubic-bezier(.7,0,.3,1) forwards;z-index:2}.portal-ring{position:absolute;width:70vmin;height:70vmin;border:2px solid #89eaff;border-radius:50%;box-shadow:0 0 45px #41d1fa80,inset 0 0 45px #41d1fa55;animation:collapse-ring 2.8s ease-in forwards}.portal-particle{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:3px;background:var(--color);box-shadow:0 0 12px var(--color);animation:scatter 2.8s ease-in-out forwards;animation-delay:var(--delay)}.portal-caption{position:absolute;bottom:10%;color:#dff7ff;font-family:Outfit,Arial,sans-serif;letter-spacing:4px;font-size:12px;animation:portal-caption 2.8s ease forwards}.portal-skip{position:absolute;bottom:28px;right:28px;color:#dff7ff;background:#ffffff10;border:1px solid #ffffff45;border-radius:20px;padding:10px 15px;z-index:4;cursor:pointer}
@keyframes collapse-logo{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.05)}47%{transform:scale(1)}82%,100%{transform:scale(.001) rotate(190deg);opacity:0}}@keyframes collapse-ring{0%{transform:scale(.4);opacity:0}35%{opacity:1;transform:scale(1.2)}75%{transform:scale(.02);opacity:1}100%{transform:scale(4);opacity:0}}@keyframes scatter{0%,20%{opacity:0;transform:translate(0,0) scale(0)}45%{opacity:1;transform:translate(var(--x),var(--y)) rotate(180deg) scale(1)}85%,100%{opacity:0;transform:translate(0,0) rotate(360deg) scale(0)}}@keyframes portal-caption{0%,100%{opacity:0}25%,65%{opacity:1}}@media(prefers-reduced-motion:reduce){.portal *{animation:none!important}}