/* Đảm bảo navbar không có background */
    .navbar {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    .container {
        position: relative;
        z-index: 1;
    }
    
    /* Card login với hiệu ứng glass */
    .card {
        background: rgba(255, 255, 255, 0.15) !important;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    }
    
    .card-header {
        background: rgba(255, 255, 255, 0.1) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        color: white !important;
        font-weight: 600;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
    }
    
    .card-body {
        color: white;
    }
    
    .form-control {
        background: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        color: white !important;
    }
    
    .form-control::placeholder {
        color: rgba(255, 255, 255, 0.7) !important;
    }
    
    .form-control:focus {
        background: rgba(255, 255, 255, 0.25) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
        color: white !important;
    }
    
  
    
    .form-check-label, .btn-link {
        color: white !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    }
    
    /* Hiệu ứng cho video background */
    #bg-video {
        opacity: 0;
        transform: translateX(-80vw) scale(1.05);
        filter: blur(8px);
        transition: transform 1.4s cubic-bezier(.77,0,.18,1), opacity 1.4s cubic-bezier(.77,0,.18,1), filter 1.2s cubic-bezier(.77,0,.18,1);
    }
    
    #bg-video.slide-in {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
        transition-delay: 0.1s;
    }
    
    .login-animate {
        opacity: 0;
        transform: translateX(80vw) scale(0.98);
        filter: blur(12px);
        transition: transform 1.2s cubic-bezier(.77,0,.18,1), opacity 1.2s cubic-bezier(.77,0,.18,1), filter 1.1s cubic-bezier(.77,0,.18,1);
    }
    
    .login-animate.slide-in {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
        transition-delay: 0.5s;
    }