/* ============ LOADING SCREEN ============ */
        #loading {
            position: fixed;
            inset: 0;
            background: #f2f3f500;
            backdrop-filter: blur(5px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 99999;
        }

        .loader-container {
            position: relative;
            width: 120px;
            height: 120px;
        }

        /* RING PUTAR */
        .spinner {
            position: absolute;
            inset: 0;
            border: 7px solid rgba(255, 255, 255, 0.15);
            border-top: 7px solid #e41102;
            border-radius: 50%;
            animation: spin 1.5s linear infinite;
        }

        /* LOGO TENGAH */
        .loader-logo {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 112px;
            transform: translate(-50%, -50%);
            border-radius: 12px;
            animation: pulse 1s infinite;
        }

        /* ANIMASI */
        @keyframes spin {
            0% {
                transform: rotate(0);
            }

            100% {
                transform: rotate(360deg);
            }
        }