:root{
  --pt-bg:rgba(4,10,20,.90);
  --pt-cyan:#22d3ee;
  --pt-violet:#8b5cf6;
  --pt-green:#34d399;
}
#page-transition-loader{
  position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 48%,rgba(34,211,238,.10),transparent 23%),
    radial-gradient(circle at 48% 52%,rgba(139,92,246,.10),transparent 34%),
    linear-gradient(180deg,rgba(2,6,23,.75),rgba(3,7,18,.92));
  backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;isolation:isolate;
}
#page-transition-loader.is-active{opacity:1;visibility:visible;pointer-events:all}
.page-loader-visual{position:relative;width:154px;height:154px;display:grid;place-items:center;filter:drop-shadow(0 18px 34px rgba(0,0,0,.34))}
.page-loader-ring{position:absolute;border-radius:50%;border:2px solid transparent;will-change:transform}
.page-loader-ring--outer{inset:0;border-top-color:var(--pt-cyan);border-right-color:rgba(34,211,238,.28);border-bottom-color:rgba(52,211,153,.16);animation:pt-spin 1.15s linear infinite;filter:drop-shadow(0 0 13px rgba(34,211,238,.45))}
.page-loader-ring--middle{inset:17px;border-top-color:var(--pt-violet);border-left-color:rgba(139,92,246,.30);animation:pt-spin 1.65s linear infinite reverse;filter:drop-shadow(0 0 13px rgba(139,92,246,.38))}
.page-loader-ring--inner{inset:36px;border-top-color:var(--pt-green);border-right-color:rgba(52,211,153,.24);animation:pt-spin .92s linear infinite;filter:drop-shadow(0 0 11px rgba(52,211,153,.35))}
.page-loader-core{position:relative;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--pt-cyan),var(--pt-violet) 58%,var(--pt-green));box-shadow:0 0 34px rgba(34,211,238,.42),0 0 58px rgba(139,92,246,.20);animation:pt-core 1.15s ease-in-out infinite}
.page-loader-core::after{content:"";position:absolute;inset:8px;border-radius:50%;background:rgba(255,255,255,.88);filter:blur(.3px);opacity:.72}
.page-loader-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pt-cyan);box-shadow:0 0 14px currentColor;animation:pt-particle 1.8s ease-in-out infinite}
.page-loader-particle:nth-child(5){top:4px;left:74px;color:var(--pt-cyan)}
.page-loader-particle:nth-child(6){right:7px;top:80px;color:var(--pt-violet);animation-delay:.28s}
.page-loader-particle:nth-child(7){left:20px;bottom:24px;color:var(--pt-green);animation-delay:.56s}
.page-loader-line{position:absolute;top:calc(100% + 23px);left:50%;width:118px;height:3px;transform:translateX(-50%);overflow:hidden;border-radius:999px;background:rgba(148,163,184,.13)}
.page-loader-line::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,var(--pt-cyan),var(--pt-violet),var(--pt-green));box-shadow:0 0 18px rgba(34,211,238,.4);animation:pt-slide 1.08s cubic-bezier(.4,0,.2,1) infinite}
@keyframes pt-spin{to{transform:rotate(360deg)}}
@keyframes pt-core{50%{transform:scale(.72) rotate(45deg);border-radius:50%}}
@keyframes pt-particle{0%,100%{transform:scale(.55);opacity:.25}50%{transform:scale(1.25);opacity:1}}
@keyframes pt-slide{0%{transform:translateX(-125%)}70%,100%{transform:translateX(340%)}}
@media(max-width:640px){.page-loader-visual{width:126px;height:126px}.page-loader-ring--middle{inset:14px}.page-loader-ring--inner{inset:31px}.page-loader-line{width:96px;top:calc(100% + 18px)}}
@media(prefers-reduced-motion:reduce){#page-transition-loader *{animation-duration:.01ms!important;animation-iteration-count:1!important}.page-loader-line::after{width:72%;transform:none!important}}