/* ==========================================================
   MyTadrib Login Polish
   Skop khusus muka depan login sahaja.
   ========================================================== */
.myt-login-page {
    background:
        radial-gradient(circle at 16% 18%, rgba(198, 161, 91, 0.18), transparent 24%),
        radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.08), transparent 28%),
        linear-gradient(135deg, #2E0B16 0%, #5A0B0D 56%, #3A0714 100%);
}

.myt-login-page .login-brand-branch {
    color: #D8B45D;
    -webkit-text-fill-color: #D8B45D;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.16);
}

.myt-login-page .login-brand-description {
    color: rgba(255, 245, 220, 0.80);
    -webkit-text-fill-color: rgba(255, 245, 220, 0.80);
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.22);
    letter-spacing: 0.01em;
}

.myt-login-page .login-side {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 48% 46%, rgba(255, 255, 255, 0.92), transparent 34%),
        linear-gradient(135deg, #FFFCF7 0%, #F7F0E8 100%);
}

.myt-login-page .login-side::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 42%, rgba(231, 213, 181, 0.35), transparent 32%),
        linear-gradient(135deg, #FFFCF7 0%, #F5EFE7 100%);
    border-left: 1px solid rgba(231, 213, 181, 0.72);
    backdrop-filter: none;
}

.myt-login-page .login-card-shell,
.myt-login-page .glass-card.login-card-shell {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    border: 1px solid #E7D5B5;
    box-shadow:
        0 34px 78px rgba(90, 11, 13, 0.18),
        0 12px 28px rgba(15, 23, 42, 0.10);
}

.myt-login-page .login-card-shell h2 {
    color: #5A0B0D;
    -webkit-text-fill-color: #5A0B0D;
    font-weight: 750;
}

.myt-login-page .login-card-shell .login-muted,
.myt-login-page .login-card-shell .text-white\/70 {
    color: #64748B;
    -webkit-text-fill-color: #64748B;
}

.myt-login-page .login-visible-input {
    background: #FFFFFF;
    border-color: #D8C8B7;
    color: #111827;
    -webkit-text-fill-color: #111827;
}

.myt-login-page .login-visible-input:focus {
    border-color: #C6A15B;
    box-shadow: 0 0 0 3px rgba(198, 161, 91, 0.20);
}

.myt-login-page .btn-login {
    background: #8F1117;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
    box-shadow: 0 16px 30px rgba(90, 11, 13, 0.22);
}

.myt-login-page .btn-login:hover {
    background: #7A1114;
}

.myt-login-page .login-admin-link {
    color: #C6A15B;
    -webkit-text-fill-color: #C6A15B;
    font-weight: 800;
}

.myt-login-page .login-card-shell .text-white\/60,
.myt-login-page .login-card-shell .text-white\/75,
.myt-login-page .login-card-shell .text-white\/90 {
    color: #475569;
    -webkit-text-fill-color: #475569;
}

@media (max-width: 1023px) {
    .myt-login-page .login-side {
        background: linear-gradient(180deg, #FFFCF7 0%, #F7F0E8 100%);
    }

    .myt-login-page .login-side::before {
        border-left: 0;
        border-top: 1px solid rgba(231, 213, 181, 0.72);
    }
}