body, html {
    background-image: url('/static/gaz.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

.card, .login-box, div[class*="bg-"] {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7) !important;
}

.login-logo, .login-logo a, .login-logo b, .brand-text, div.login-logo * {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9) !important;
}

.form-control {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #1e293b !important;
    border-radius: 8px !important;
}

.form-control:focus {
    background-color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important;
}

a[href*="reset"],
a[href*="forgot"],
.login-card-body p.mb-1 {
    display: none !important;
}