:root{--page-boot-bg:#07060c;--page-boot-muted:#a9a5ba;--page-boot-mint:#50f2b1;--page-boot-cyan:#39d9ff;--page-boot-violet:#a878ff}
html.page-booting,html.page-booting body{min-height:100%;background:var(--page-boot-bg)}
html.page-booting body{overflow:hidden!important}
html.page-booting body>:not(.page-loader):not(script){visibility:hidden!important;opacity:0!important}
.page-loader{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;visibility:hidden;opacity:0;background:var(--page-boot-bg);font-family:"Cairo",sans-serif;transition:opacity .35s ease,visibility .35s ease}
html.page-booting .page-loader{visibility:visible;opacity:1}
.page-loader-content{display:grid;place-items:center;text-align:center}
.page-loader-brand{background:linear-gradient(90deg,#ff71ce,#01cdfe 38%,#05ffa1 60%,#b967ff 82%,#fffb96);background-clip:text;color:transparent;font-size:clamp(2.8rem,8vw,4.8rem);font-weight:700;letter-spacing:-.08em;line-height:1;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page-loader-pulse{display:flex;gap:6px;margin:22px 0 13px}
.page-loader-pulse i{width:5px;height:5px;border-radius:50%;background:var(--page-boot-mint);animation:page-loading 1.2s ease-in-out infinite}
.page-loader-pulse i:nth-child(2){animation-delay:.15s;background:var(--page-boot-cyan)}
.page-loader-pulse i:nth-child(3){animation-delay:.3s;background:var(--page-boot-violet)}
.page-loader-copy{color:var(--page-boot-muted);font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
html.page-ready body>:not(.page-loader):not(script){animation:page-reveal .45s ease both}
@keyframes page-loading{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@keyframes page-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.page-loader-pulse i,html.page-ready body>:not(.page-loader):not(script){animation-duration:.01ms!important;animation-iteration-count:1!important}}
