/* BLACK BACKGROUND */
html, body {
    background-color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#layout, #layout-content, .task-login {
    background-color: transparent !important;
}

/* Particles - WITH ALL ORIGINAL PROPERTIES */
#particles {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;  /* Kept your higher value */
    pointer-events: none !important;
}

/* Logo - FIXED semicolon */
#logo {
    width: 100% !important;
    height: auto !important;
    max-width: 280px !important;
    max-height: 250px !important;
    display: block !important;
    margin: 0 auto 15px auto !important;
    object-fit: contain !important;  /* Now with semicolon */
}

/* Welcome text - ONE CLEAN VERSION */
#login-footer {
    color: #FFD700 !important;
    font-size: 24px !important;
    text-align: center !important;
    margin-top: 10px !important;
    white-space: pre-line !important;
    line-height: 1.4 !important;
}

/* Form inputs */
input[type="text"],
input[type="password"] {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #FFD700 !important;
    color: white !important;
    padding: 8px !important;
    margin: 5px 0 !important;
    width: 100% !important;
    border-radius: 4px !important;
}

/* Labels */
label {
    color: #FFD700 !important;
    font-size: 18px !important;
}

/* Login button */
input[type="submit"], #rcmloginsubmit {
    background: #FFD700 !important;
    color: black !important;
    border: none !important;
    padding: 8px !important;
    width: 100% !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

input[type="submit"]:hover {
    background: #DAA520 !important;
}

/* Hide any extra product name elements */
#login-footer .product-name,
#login-footer roundcube\:object {
    display: none !important;
}