/* HMIX Auth UI */
/*
Version:10.01.80

/* =================================
   HARD RESET FOR AUTH PAGES
================================= */

body.page-id-224 .hmix-auth-wrap,
body.page-id-222 .hmix-auth-wrap {
    position: relative;
    z-index: 997;
}

body.page-id-224 .entry-content,
body.page-id-222 .entry-content {
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

body.page-id-224 .hmix-auth-card,
body.page-id-222 .hmix-auth-card {
    background: #0f1115 !important;
    backdrop-filter: none !important;
    opacity: 1 !important;
}

/* Kill theme background bleed */
body.page-id-224 .hmix-wrapper,
body.page-id-222 .hmix-wrapper,
.hmix-wrapper {
    background: #0b0d11 !important;
}

/* Remove any overlay pseudo elements */
body.page-id-224 .hmix-wrapper::before,
body.page-id-224 .hmix-wrapper::after,
body.page-id-222 .hmix-wrapper::before,
body.page-id-222 .hmix-wrapper::after {
    display: none !important;
}

/* Force solid card */
body.page-id-224 .hmix-auth-card,
body.page-id-222 .hmix-auth-card {
    background: #111418 !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
  color:#fff;
}

.hmix-auth-wrap{
  min-height: calc(100vh - 160px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:60px 20px;
}

.hmix-auth-card{
  width:min(760px, 100%);
  background: linear-gradient(145deg, rgba(10,10,10,.92), rgba(18,18,18,.92));
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 26px;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  padding: 34px;
  position: relative;
  overflow: hidden;
}

.hmix-auth-card:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(circle at 20% 10%, rgba(31,111,170,.28), transparent 55%),
              radial-gradient(circle at 80% 90%, rgba(255,255,255,.09), transparent 55%);
  pointer-events:none;
}

.hmix-auth-head{
  position:relative;
  z-index:1;
  margin-bottom:18px;
}
.hmix-auth-head h2{
  margin:0 0 6px;
  font-size: 30px;
  letter-spacing:.5px;
  color:#fff;
}
.hmix-auth-head p{
  margin:0;
  opacity:.85;
}

.hmix-steps{
  position:relative;
  z-index:1;
  display:flex;
  gap:10px;
  margin: 18px 0 26px;
}
.hmix-step-dot{
  height:10px;
  flex:1;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.10);
  transition: all .25s ease;
}
.hmix-step-dot.active{
  background: rgba(31,111,170,.75);
  border-color: rgba(31,111,170,.9);
}

.hmix-auth-form{
  position:relative;
  z-index:1;
}

.hmix-wiz-step{
  display:none;
  animation: hmixFade .25s ease;
}

.hmix-wiz-step input{
  color:#fff!important;
}

.hmix-wiz-step.active{
  display:block;
}

@keyframes hmixFade{
  from{ opacity:0; transform: translateY(6px); }
  to{ opacity:1; transform: translateY(0); }
}

.hmix-sub{
  margin-top:6px;
  opacity:.8;
  line-height:1.35;
}

.hmix-field{
  margin: 14px 0;
}
.hmix-field label{
  display:block;
  font-size: 13px;
  letter-spacing: .5px;
  opacity:.9;
  margin-bottom:8px;
}
.hmix-field .req{
  color:#ff3b3b;
}
.hmix-field input{
  width:100%;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  color:#fff!important;
  border-radius: 14px;
  padding: 14px 14px;
  outline: none;
  transition: all .18s ease;
}
.hmix-field input:focus{
  border-color: rgba(31,111,170,.9);
  box-shadow: 0 0 0 3px rgba(31,111,170,.15);
}

.hmix-grid2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}
@media (max-width: 720px){
  .hmix-auth-card{ padding: 26px 18px; }
  .hmix-grid2{ grid-template-columns: 1fr; }
}

.hmix-choice-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
  margin-top:14px;
}
@media (max-width: 720px){
  .hmix-choice-grid{ grid-template-columns: 1fr; }
}

.hmix-choice{
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 16px 16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition: all .18s ease;
}
.hmix-choice input{ display:none; }
.hmix-choice span{
  font-size: 15px;
  letter-spacing:.3px;
}
.hmix-choice:hover{
  border-color: rgba(31,111,170,.55);
  transform: translateY(-1px);
}
.hmix-choice input:checked + span{
  color:#fff;
}
.hmix-choice:has(input:checked){
  border-color: rgba(31,111,170,.95);
  box-shadow: 0 0 0 3px rgba(31,111,170,.12);
  background: rgba(31,111,170,.14);
}

.hmix-check{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 12px 0;
  user-select:none;
}
.hmix-check input{
  width:18px;
  height:18px;
  accent-color:#1f6faa;
}

.hmix-wiz-actions{
  display:flex;
  gap:10px;
  margin-top: 18px;
}

.hmix-auth-btn{
  border:none;
  border-radius: 16px;
  padding: 14px 16px;
  font-weight:700;
  cursor:pointer;
  width:100%;
  transition: all .18s ease;
}

.hmix-auth-btn.primary{
  background:#1f6faa;
  color:#fff;
}
.hmix-auth-btn.primary:hover{
  filter: brightness(1.07);
  transform: translateY(-1px);
}

.hmix-auth-btn.ghost{
  background: rgba(255,255,255,.08);
  color:#fff;
  border: 1px solid rgba(255,255,255,.12);
}
.hmix-auth-btn.ghost:hover{
  background: rgba(255,255,255,.10);
}

.hmix-auth-btn.loading{
  opacity:.75;
  pointer-events:none;
}

.hmix-auth-msg{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 14px;
  font-size: 14px;
  display:none;
  color:#ffffff;
}
.hmix-auth-msg.ok{
  display:block;
  background: rgba(0,255,140,.08);
  border: 1px solid rgba(0,255,140,.18);
}
.hmix-auth-msg.bad{
  display:block;
  background: rgba(255,70,70,.08);
  border: 1px solid rgba(255,70,70,.18);
}

.hmix-auth-foot{
  position:relative;
  z-index:1;
  margin-top: 18px;
  opacity:.85;
}
.hmix-auth-foot a{
  color:#1f6faa;
  text-decoration:none;
}
.hmix-auth-foot a:hover{ text-decoration:underline; }

/* Honeypot hidden */
.hmix-hp{
  position:absolute !important;
  left:-9999px !important;
  top:-9999px !important;
  height:1px !important;
  width:1px !important;
  overflow:hidden !important;
}

.hmix-pass-meter{
  margin-top:6px;
  font-size:12px;
  opacity:.85;
}
.hmix-pass-meter.weak{ color:#ff9500; }
.hmix-pass-meter.medium{ color:#ffd700; }
.hmix-pass-meter.strong{ color:#34c759; }
.hmix-pass-meter.bad{ color:#ff3b30; }