:root{--page-loader-bg:rgba(7,14,27,.96);--page-loader-ink:#f8fafc;--page-loader-soft:#94a3b8;--page-loader-cyan:#22d3ee;--page-loader-violet:#8b5cf6;--page-loader-green:#34d399}
#page-transition-loader{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(34,211,238,.11),transparent 28%),radial-gradient(circle at 65% 62%,rgba(139,92,246,.12),transparent 31%),var(--page-loader-bg);color:var(--page-loader-ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease;isolation:isolate}
#page-transition-loader.is-active{opacity:1;visibility:visible;pointer-events:all}
.page-loader-card{width:min(440px,calc(100vw - 40px));display:grid;justify-items:center;text-align:center;gap:18px;padding:34px 28px;border:1px solid rgba(148,163,184,.22);border-radius:30px;background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(8,15,29,.82));box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.page-loader-orbit{position:relative;width:116px;height:116px;display:grid;place-items:center}
.page-loader-orbit::before,.page-loader-orbit::after{content:"";position:absolute;border-radius:50%;inset:0;border:2px solid transparent;border-top-color:var(--page-loader-cyan);border-right-color:rgba(34,211,238,.25);animation:loader-orbit 1.05s linear infinite;filter:drop-shadow(0 0 12px rgba(34,211,238,.4))}
.page-loader-orbit::after{inset:15px;border-top-color:var(--page-loader-violet);border-left-color:rgba(139,92,246,.3);animation-duration:1.45s;animation-direction:reverse}
.page-loader-core{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--page-loader-cyan),var(--page-loader-violet));box-shadow:0 0 30px rgba(34,211,238,.38);animation:loader-pulse 1.15s ease-in-out infinite}
.page-loader-kicker{margin:0;color:var(--page-loader-cyan);font:800 .69rem/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.page-loader-title{margin:0;font:800 clamp(1.4rem,5vw,2rem)/1.1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em}
.page-loader-copy{margin:0;color:var(--page-loader-soft);font:500 .92rem/1.55 ui-sans-serif,system-ui,sans-serif}
.page-loader-progress{position:relative;width:100%;height:8px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.13)}
.page-loader-progress>span{position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,var(--page-loader-cyan),var(--page-loader-violet),var(--page-loader-green));box-shadow:0 0 24px rgba(34,211,238,.35);animation:loader-slide 1.25s cubic-bezier(.4,0,.2,1) infinite}
.page-loader-steps{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--page-loader-soft);font:700 .72rem/1.2 ui-sans-serif,system-ui,sans-serif}
.page-loader-steps i{width:7px;height:7px;border-radius:50%;background:rgba(148,163,184,.3);animation:loader-dot 1.2s ease-in-out infinite}.page-loader-steps i:nth-child(2){animation-delay:.14s}.page-loader-steps i:nth-child(3){animation-delay:.28s}
@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loader-pulse{50%{transform:scale(.78) rotate(45deg);border-radius:50%}}@keyframes loader-slide{0%{transform:translateX(-115%)}65%,100%{transform:translateX(300%)}}@keyframes loader-dot{50%{background:var(--page-loader-cyan);transform:translateY(-4px);box-shadow:0 0 12px rgba(34,211,238,.55)}}
@media(prefers-reduced-motion:reduce){#page-transition-loader *{animation-duration:.01ms!important;animation-iteration-count:1!important}.page-loader-progress>span{width:74%;transform:none!important}}