body.custom-login-page-body,
        body.register-page {
            display: flex; 
            align-items: center; 
            justify-content: center;
            min-height: 100vh; 
            margin: 0; 
            overflow: hidden;
            overflow-y: auto; 
            padding: 40px 0;
        }

        .login-container { 
            width: 100%; 
            max-width: 360px; 
            padding: 25px; 
            text-align: center; 
        }

        .site-icon-wrapper {
            margin-bottom: 10px;
        }

        .site-icon-wrapper img {
            width: 90px; 
            border-radius: 50%; 
            border: 5px solid #eee;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        html.dark-mode .site-icon-wrapper img {
            border-color: #333;
        }

        h1.login-site-title {
            font-size: x-large;
            line-height: 1; 
        }

        .login-error,
        .registration-error {
            background: rgba(255, 59, 48, 0.1); 
            color: #ff3b30;
            padding: 12px; 
            border-radius: 12px; 
            font-size: 0.85rem;
            margin-top: 20px; 
            font-weight: 600; 
            animation: shake 0.4s ease;
        }

        #mediapress-loginform,
        #mediapress-registerform { 
            display: flex;
            flex-direction: column;
            gap: 10px;
            text-align: left; 
            margin-top: 30px; 
        }

        #mediapress-loginform p,
        #mediapress-registerform p { 
            margin: 0;
            position: relative; 
        }

        #mediapress-loginform label,
        #mediapress-registerform label {
            display: block;
            font-size: small; 
            margin-bottom: 5px; 
            text-transform: capitalize;
        }

        .login-remember label {
            display: flex !important;
            align-items: center;
        }

        #mediapress-loginform input[type="text"],
        #mediapress-registerform input[type="text"],
        #mediapress-loginform input[type="password"],
        #mediapress-registerform input[type="password"],
        #mediapress-registerform input[type="email"] {
            width: 100%; 
            padding: 12px; 
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 1rem; 
            box-sizing: border-box;
            transition: all 0.3s ease;
        }

        #mediapress-loginform input:focus,
        #mediapress-registerform input:focus {
            outline: 2px solid #007aff;
        }

        /* Style Ikon Mata */
        #mediapress-loginform .v2-toggle-pass,
        #mediapress-registerform .v2-toggle-pass {
            position: absolute; 
            right: 15px; 
            bottom: 10px;
            cursor: pointer; 
            opacity: 0.3; 
            user-select: none;
            transition: opacity 0.3s; 
        }

        #mediapress-loginform .v2-toggle-pass:hover,
        #mediapress-registerform .v2-toggle-pass:hover { 
            opacity: 0.8; 
        }

        #mediapress-loginform #wp-submit,
        #mediapress-registerform #wp-submit {
            width: 100%; 
            padding: 15px; 
            background-color: #007aff;
            color: #fff; 
            border: none; 
            border-radius: 8px;
            font-size: 1rem; 
            font-weight: 700; 
            cursor: pointer; 
            margin-top: 10px;
        }

        #mediapress-loginform #wp-submit:hover,
        #mediapress-registerform #wp-submit:hover { 
            opacity: 0.9; 
        }

        .login-navigation { 
            margin-top: 25px; 
            font-size: 0.9rem; 
            opacity: 0.6; 
        }

        .login-navigation a { 
            color: #007aff; 
            text-decoration: none; 
            font-weight: bold; 
        }

        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-6px); }
            75% { transform: translateX(6px); }
        }

        #mediapress-registerform .login-submit {
            margin-top: 15px;
        }

/* Google Login Separator with Divider - [2026-02-01] */
.google-login-separator {
    text-align: center;
    margin: 35px 0 25px;
    position: relative;
}

.google-login-separator .divider {
    height: 1px;
    padding: 0;
    background-color: #ddd;
    width: 100%;
}

.google-login-separator span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 0 20px;
    color: #999;
    font-size: 13px;
    white-space: nowrap;
}

html.dark-mode .google-login-separator span {
    background-color: #1a1a1a;
}