/* Custom Styles */
body {
    background-image: url('../img/login-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* Ensure background stays fixed */
    height: 100vh;
    margin: 0; /* Reset margin */  
}

.oai-wrapper {
    display: flex; /* Ensure flexbox is used */
    justify-content: center !important;
    align-items: center !important;
    height: 100%;
    width: 100%;  
    background-color: rgba(0, 0, 0, 0.2); /* Mask layer with transparency */
}

main.login {
    flex: 0 0 auto !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* Center vertically if needed inside main */
}

/* Modal/Popup Style */
._prompt-box-outer {
    background-color: #fff; /* Black background with slight transparency */
    color: white; /* White text */
    border-radius: 20px; /* Match user's inline style preference */
    /* box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important; Stronger shadow */
    padding: 40px 30px; /* Increased padding */
    max-width: 400px; /* Slightly wider */
    width: 90%;
    margin: auto;
    position: relative;
    overflow: hidden; /* For child border radius */
}

/* Link Style */
a {
    color: #333 !important; /* White links */
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #333 !important;
}