/*
 * LOGIN SCREEN ENHANCEMENTS + BACKGROUND REMOVAL
 * Clean CSS file without bash commands
 */

/* REMOVE BACKGROUND ELEMENTS */
.bg-shapes,
.floating-particles {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* ENHANCED LOGIN CARD */
#login-section .login-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.02) 100%) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

#login-section .login-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
}

/* ENHANCED FORM INPUTS */
#login-section .form-input {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    padding: 1rem !important;
}

#login-section .form-input:focus {
    border-color: #10b981 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

/* ENHANCED BUTTONS */
#login-section .btn-primary {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border-radius: 12px !important;
    padding: 1rem 2rem !important;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3) !important;
}

#login-section .btn-primary:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #059669, #047857) !important;
}

.login-container {
    background-image: none !important;
}

.login-container {
    background: #0f172a !important;
    background-image:
        linear-gradient(90deg, rgba(16,185,129,0.05) 1px, transparent 1px),
        linear-gradient(rgba(16,185,129,0.05) 1px, transparent 1px) !important;
    background-size: 50px 50px !important;
}