html, body {
    height: 100%;
    margin: 0;
    background-image: url('/local/lic/check/img/bg.webp');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
    /* Ẩn card mặc định */
.main-inner,
#page,
#page-content,
#region-main,
#region-main > .card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#region-main > .card > .card-body {
    padding: 0 !important;
}

.outer-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.content-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-active {
  background: #fff;
  max-width: 500px;
  border-radius: 10px;
  opacity: 0.95;
  box-shadow: 0 8px 20px rgba(40, 167, 69, 0.3);
  padding: 50px;
  z-index: 1;
}