.page-transition{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;
  background:#fff;opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .42s cubic-bezier(.22,.7,.25,1),visibility 0s linear 0s;
}
.page-transition::before,.page-transition::after{
  content:"";position:absolute;left:0;width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(15,157,148,.42),transparent);
  transform:scaleX(0);
}
.page-transition::before{top:0;transform-origin:left}.page-transition::after{bottom:0;transform-origin:right}
.page-transition.is-ready{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}
.page-transition.is-leaving{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease}
.page-transition.is-leaving::before,.page-transition.is-leaving::after{animation:pt-edge .55s ease forwards}
.pt-mark{position:relative;display:grid;justify-items:center;gap:18px;width:250px;padding:54px 16px 20px}
.pt-mark::before,.pt-mark::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}
.pt-mark::before{width:218px;height:218px;margin:-109px;border:1px solid rgba(15,157,148,.25);border-top-color:#0f9d94;animation:pt-orbit 1.05s linear infinite}
.pt-mark::after{width:184px;height:184px;margin:-92px;border:1px solid rgba(15,157,148,.12);border-right-color:rgba(15,157,148,.55);animation:pt-orbit 1.6s linear infinite reverse}
.pt-word{position:relative;z-index:1;width:210px;height:54px;background:url("../Logolar/FeyoNovaLogo_Small.png") center/contain no-repeat;opacity:0;transform:scale(.94);animation:pt-logo .45s cubic-bezier(.22,.8,.3,1) .08s forwards}
.pt-letter{display:none}.pt-line{position:relative;z-index:1;width:190px;height:2px;background:#dcebea;overflow:hidden}
.pt-line::after{content:"";display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#0f9d94,transparent);animation:pt-line 1s ease-in-out infinite}
.pt-caption{position:relative;z-index:1;color:#667b86;font:600 9px/1 "IBM Plex Mono",Consolas,monospace;letter-spacing:.25em;text-transform:uppercase;opacity:0;animation:pt-caption .3s ease .22s forwards}
.page-transition.is-arrival .pt-word{opacity:1;transform:none;animation:none}
body.transition-lock{overflow:hidden}
@keyframes pt-logo{to{opacity:1;transform:scale(1)}}
@keyframes pt-orbit{to{transform:rotate(360deg)}}
@keyframes pt-line{from{transform:translateX(-120%)}to{transform:translateX(340%)}}
@keyframes pt-caption{to{opacity:1}}
@keyframes pt-edge{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.pt-mark::before,.pt-mark::after,.pt-line::after{animation:none}.pt-word,.pt-caption{animation:none;opacity:1;transform:none}.page-transition,.page-transition.is-ready{transition-duration:.12s}}