.page-loader { display: none; }
.is-loading body > :not(.page-loader) { visibility: hidden; }
.is-loading .page-loader { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; gap: 12px; background: #fff; color: #202020; font: 700 19px Arial, sans-serif; letter-spacing: -.5px; }
.page-loader::before { content: ''; width: 16px; height: 16px; border: 2px solid #e5e5e5; border-top-color: #202020; border-radius: 50%; animation: loader-spin .8s linear infinite; }
@keyframes loader-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .page-loader::before { animation: none; } }