.container.login{ background: var(--bg); }
.login .image-wrapper{ position:relative; width:100%; height:100%; }
.login .logo{ width:100%; height:100%; object-fit:cover; }
.login .button-overlay{ position:absolute; bottom:28%; left:0; right:0; display:flex; justify-content:center; align-items:center; }
.login .safe{ width:68%; padding:0; }
.login .btn-primary{
  font-size:18px;
  font-weight:800;
  letter-spacing:0.08em;
  background: var(--gold);
  color: var(--brand2);
}

/* Modal */
.modal-mask{
  position:fixed; inset:0; background: rgba(0,0,0,0.45);
  display:flex; align-items:center; justify-content:center;
  z-index: 9999;
}
.modal{ width:82%; border-radius:22px; background: rgba(255,255,255,0.98);
  border:1px solid rgba(233,225,217,0.72); box-shadow: 0 10px 28px rgba(0,0,0,0.18); padding:16px; }
.field .label{ font-size:12px; color:var(--muted); margin-bottom:6px; }
.input{
  width:100%; height:44px; padding:0 12px; border-radius:14px;
  background: rgba(255,255,255,0.72);
  border:1px solid rgba(233,225,217,0.85);
  outline:none;
}
.error{ color: var(--brand2); font-size:12px; }
.modal-btn{ width:48%; }