.center-preloader {
  position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center;
  overflow: hidden; background: radial-gradient(ellipse at 50% 43%, #dff6ff 0%, #effaff 42%, #ffffff 85%);
  color: #24516a; font-family: Inter, "Segoe UI", Arial, sans-serif;
}
.center-preloader::before,.center-preloader::after {
  content: ""; position: absolute; width: min(100vw,850px); aspect-ratio: 1;
  border: 1px solid rgba(57,172,222,.3); border-radius: 50%;
  box-shadow: 0 0 35px rgba(54,182,231,.07), inset 0 0 25px rgba(54,182,231,.04);
  pointer-events: none; animation: preloader-ripple 4s ease-out infinite;
}
.center-preloader::after { animation-delay: -2s; }
.preloader-content { position: relative; z-index: 1; text-align: center; width: min(380px,84vw); animation: preloader-appear .6s ease-out both; }
.preloader-caption { color: #668da4; font-size: 11px; letter-spacing: .17em; text-transform: uppercase; }
.preloader-logo { position: relative; isolation: isolate; mix-blend-mode: multiply; margin: 20px 0 28px; animation: preloader-float 3.6s ease-in-out infinite; }
.preloader-logo::before { content: ""; position: absolute; inset: 12%; background: #2eafff;
  border-radius: 50%; filter: blur(45px); opacity: .1; animation: preloader-glow 2.8s ease-in-out infinite; }
.preloader-logo img { position: relative; display: block; width: 100%; height: auto;
  filter: none; mix-blend-mode: multiply; }
.preloader-track { width: 140px; height: 3px; overflow: hidden; border-radius: 8px; background: rgba(67,150,193,.12); margin: 0 auto; box-shadow: 0 4px 18px rgba(44,160,215,.1); }
.preloader-track span { display: block; width: 45%; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg,#5fd7e3,#638aff); animation: preloader-progress 1.5s ease-in-out infinite; }
.preloader-content p { margin: 18px 0 0; font-size: 12px; letter-spacing: .06em; color: #51758a; }
@keyframes preloader-progress { from { transform: translateX(-110%); } to { transform: translateX(335%); } }
@keyframes preloader-glow { 50% { opacity: .2; } }
@keyframes preloader-ripple { 0% { transform: translateY(80px) scale(.3,.12); opacity:0; } 20% { opacity:.75; } 100% { transform: translateY(80px) scale(1.5,.48); opacity:0; } }
@keyframes preloader-float { 50% { transform: translateY(-5px); } }
@keyframes preloader-appear { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion: reduce) {
  .center-preloader::before,.center-preloader::after,.preloader-content,.preloader-logo,.preloader-logo::before,.preloader-track span { animation: none; }
  .center-preloader::before,.center-preloader::after { transform:scaleY(.35); opacity:.2; }
  .preloader-track span { width:100%; }
}
.author-neural-field {
  position:absolute; inset:0; z-index:2; display:block;
  background:url('/neural-circuits.svg') center/100% 100% no-repeat;
  pointer-events:none; opacity:1;
}
.preloader-logo .author-neural-field { inset:0; opacity:1; }
.author-neural-field::before {
  content:""; position:absolute; inset:-13% -16%;
  background:url('/neural-network.svg') center/100% 100% no-repeat;
  opacity:.8; pointer-events:none;
}
.preloader-logo .author-neural-field::before { inset:-15% -18%; opacity:1; }