#loading-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #ffffff 0%, #d9ebff 100%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            gap: 30px;
        }

        #loading-screen.hidden {
            display: none;
        }

        .loading-logo-wrapper {
            animation: pulse 1.5s ease-in-out infinite;
        }

        .loading-logo {
            width: 200px;
            height: 200px;
            object-fit: contain;
        }

        .loading-text {
            color: #0E4194;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 1px;
            animation: fadeInOut 1.5s ease-in-out infinite;
        }