/* VisioQ custom login page styles */

body {
  background: linear-gradient(135deg, #0f172a 0%, #064e3b 100%) !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
}

/* Animated background blobs */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(circle at 15% 10%, rgba(5,150,105,0.25) 0%, transparent 45%),
    radial-gradient(circle at 85% 85%, rgba(37,99,235,0.2) 0%, transparent 45%),
    radial-gradient(circle at 60% 40%, rgba(8,145,178,0.12) 0%, transparent 40%);
  animation: vqBgPulse 8s ease-in-out infinite alternate;
}
@keyframes vqBgPulse { from{opacity:0.7} to{opacity:1} }

/* Hide default navbar & footer */
header.navbar, .web-footer { display: none !important; }

/* Main login container */
.login-content, .page-card-body {
  background: rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(80px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(80px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.4) !important;
  position: relative; z-index: 1;
}

/* Page card container */
.page-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Logo */
.login-content img, .page-card img {
  filter: brightness(0) invert(1) !important;
}

/* Headings */
.login-content h3, .page-card h3,
.login-content .page-title, .page-card .page-title {
  color: #fff !important;
  font-weight: 800 !important;
}

/* Labels */
.login-content label, .page-card label,
.login-content .control-label, .page-card .control-label {
  color: rgba(255,255,255,0.7) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Inputs */
.login-content input, .page-card input,
.login-content .form-control, .page-card .form-control {
  background: rgba(255,255,255,0.08) !important;
  border: 1.5px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
  color: #fff !important;
  backdrop-filter: blur(8px) !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
}
.login-content input::placeholder, .page-card input::placeholder { color: rgba(255,255,255,0.35) !important; }
.login-content input:focus, .page-card input:focus {
  border-color: rgba(5,150,105,0.7) !important;
  box-shadow: 0 0 0 3px rgba(5,150,105,0.18) !important;
  background: rgba(255,255,255,0.12) !important;
  outline: none !important;
}

/* Submit button */
.login-content .btn-primary, .page-card .btn-primary,
.login-content [type=submit], .page-card [type=submit] {
  background: linear-gradient(90deg, #059669, #2563eb) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: 0 4px 20px rgba(5,150,105,0.4) !important;
  transition: opacity 0.2s !important;
  width: 100% !important;
}
.login-content .btn-primary:hover, .page-card .btn-primary:hover { opacity: 0.88 !important; }

/* Links */
.login-content a, .page-card a {
  color: #34d399 !important;
}

/* Error messages */
.login-content .alert-danger, .page-card .alert-danger {
  background: rgba(239,68,68,0.15) !important;
  border: 1px solid rgba(239,68,68,0.3) !important;
  border-radius: 8px !important;
  color: #fca5a5 !important;
}

/* Add VisioQ logo on top */
.for-login::before {
  content: '';
  display: block;
  height: 50px;
  background: url('https://www.visioq.qa/images/02.png') no-repeat center;
  background-size: contain;
  filter: brightness(0) invert(1);
  margin-bottom: 20px;
}

/* Page container */
.container.my-3 { position: relative; z-index: 1; }