/* Full-screen overlay */
#loading-screen {
display: none; /* Hidden by default */
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.85);
z-index: 10000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.5rem;
}

/* Spinning ring */
.loading-ring {
    width: 80px;
    height: 80px;
    border: 8px solid rgba(255, 255, 255, 0.2);
    border-top: 8px solid var(--secondary-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Loading text */
.loading-text {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--secondary-color);
    font-family: "Inter", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Animation */
@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}