/* Glass for login/signup card and browse-jobs table card. Inputs, OTP, buttons, modals stay solid. */
.hr-form-card,.bj-jobs-card{
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,255,255,.62));
  backdrop-filter:blur(16px) saturate(1.4);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
  border:1.5px solid rgba(255,255,255,.8);
  box-shadow:0 8px 32px rgba(32,40,112,.10),inset 0 1px 0 rgba(255,255,255,.9);
}
@media (max-width:768px){.hr-form-card,.bj-jobs-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hr-form-card,.bj-jobs-card{background:rgba(255,255,255,.96)}}

/* auth.css forces .hr-form-card to solid white with !important, so the login/signup card needs !important here too */
@media (min-width:769px){
  .hr-form-card{
    background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,255,255,.62))!important;
    backdrop-filter:blur(16px) saturate(1.4)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.4)!important;
    border:1.5px solid rgba(255,255,255,.8)!important;
    box-shadow:0 8px 32px rgba(32,40,112,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hr-form-card{background:#fff!important}
}