/* page-spinner.css — دایره‌ی چرخان موقع رفتن به صفحه‌ی ورود/ثبت‌نام (فقط موبایل) */
.pg-spin { display: none; }
@media (max-width: 768px) {
    .pg-spin {
        position: fixed; inset: 0; z-index: 10000;
        display: flex; align-items: center; justify-content: center;
        background: rgba(9, 13, 24, .55);
        -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
        opacity: 0; visibility: hidden; pointer-events: none;
        transition: opacity .22s ease, visibility 0s linear .22s;
    }
    .pg-spin.on { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .18s ease; }
    .pg-spin__ring {
        width: 60px; height: 60px; border-radius: 50%;
        border: 5px solid rgba(255, 255, 255, .16);
        border-top-color: #5cc9ff; border-right-color: #2f6bff;
        box-shadow: 0 0 24px rgba(47, 107, 255, .45);
        animation: pgSpin .85s linear infinite;
    }
    @keyframes pgSpin { to { transform: rotate(360deg); } }
}
@media (prefers-reduced-motion: reduce) {
    .pg-spin__ring { animation-duration: 2.4s; }
}