/* PRELOADER STYLES */
#global-preloader {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: #0f172a; z-index: 9999;
    display: flex; justify-content: center; align-items: center;
    transition: opacity 0.5s ease-out;
}
.loader-content { position: relative; width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; }
.spinner {
    position: absolute; width: 100%; height: 100%;
    border-radius: 50%; border: 3px solid transparent; border-top-color: #6366f1;
    animation: spin 1.5s linear infinite;
}
.spinner::before {
    content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px;
    border-radius: 50%; border: 3px solid transparent; border-top-color: #818cf8;
    animation: spin 2s linear infinite;
}
.loader-logo { width: 60px; animation: pulse 2s infinite ease-in-out; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes pulse { 0% { transform: scale(0.95); opacity: 0.8; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.8; } }