body {
            margin: 0;
            background-color: var(--mm-bg);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
            overflow: hidden;
        }

        .splash-container {
            text-align: center;
            animation: fadeIn 0.8s ease-out;
        }

        img {
            width: 180px;
            height: auto;
            margin-bottom: 2rem;
        }

        .loader-track {
            width: 200px;
            height: 2px;
            background-color: var(--mm-border);
            border-radius: 10px;
            margin: 0 auto;
            overflow: hidden;
        }

        .loader-bar {
            width: 0%;
            height: 100%;
            background-color: var(--mm-action);
            animation: load 4.5s cubic-bezier(0.1, 0, 0.1, 1) forwards;
        }

        @keyframes load {
            0% {
                width: 0%;
            }

            100% {
                width: 100%;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }