/* assets/css/login.css */
html,
body {
    min-height: 100%;
    margin: 0;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: #001f58;
    overflow: hidden;
}


/* Login content above background */
.page-content {
    position: relative;
    z-index: 2;
}

/* Cleaner glass login card */
.xjmLoginCard {
    background: rgba(244, 245, 251, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.98);
    overflow: hidden;
    box-shadow:
        0 30px 80px rgba(0, 16, 70, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
}


.login-card {
    width: 400px;
    max-width: 95%;
    padding: 1rem;
    background: #1e1e1e;
    border: 1px solid #333;
    border-radius: 15px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}

.login-header {
    text-align: center;
    margin-bottom: 2rem;
}

.login-header h3 {
    font-weight: 700;
    color: #fff;
}

.xjmLoginCard {
    background: rgba(244, 245, 251, 0.90) !important;
    border: 1px solid rgba(255, 255, 255, 0.98);
    overflow: hidden;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 1);
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
}



/* Background Video Styling */
.video-bg-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    overflow: hidden;
    background: #000310; /* Base dark background */
}

.video-bg-media {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
   /*  opacity: 0.65; Adjust density/visibility of background video lines */
    opacity: 1; /* Adjust density/visibility of background video lines */
}

.video-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* background: linear-gradient(135deg, 
        #000312 0%,
        #000e30 40%,
        #002159 75%,
        #000312 100%
    ); */
    background: linear-gradient(135deg, 
        #120c00 0%, 
        #181102 40%, 
        #261a01 75%, 
        #120c00 100%
    );
    mix-blend-mode: hard-light;
    pointer-events: none;
}