.dwif-wrap{
  padding: 40px 16px;
  background: radial-gradient(ellipse at top, #1a1a1a 0%, #0f0f0f 70%);
  color: #e9e9e9;
}
.dwif-card{
  max-width: 980px;
  margin: 0 auto;
  padding: 26px;
  border-radius: 14px;
  background: rgba(20,20,20,.75);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
}
.dwif-title{
  font-size: 34px;
  font-weight: 500;
  opacity: .75;
  margin: 0 0 18px;
}
.dwif-form .form-label{
  color: rgba(255,255,255,.80);
  font-size: 13px;
}
.dwif-input, .dwif-textarea{
  background: #3b3b3b !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
}
.dwif-input::placeholder, .dwif-textarea::placeholder{
  color: rgba(255,255,255,.35);
}
.dwif-input:focus, .dwif-textarea:focus{
  box-shadow: 0 0 0 .2rem rgba(180,180,180,.15) !important;
  border-color: rgba(255,255,255,.35) !important;
}
.dwif-btn{
  background: #6c6c6c;
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  padding: 10px 22px;
  border-radius: 6px;
}
.dwif-btn:hover{
  filter: brightness(1.08);
}
.dwif-credits{
  margin-top: 18px;
  font-size: 12px;
  opacity: .7;
}
.dwif-credits a{ color:#cfcfcf; text-decoration: none; }
.dwif-credits a:hover{ text-decoration: underline; }

.dwif-hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }

.dwif-modal{background:rgba(20,20,20,.96);border:1px solid rgba(255,255,255,.10);border-radius:14px;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.45);} 
.dwif-modal .modal-title{font-weight:800;}
.dwif-modal .btn-close{filter:invert(1);opacity:.85;}

.dwif-modal-loading{color:rgba(255,255,255,.9);} 

.dwif-inline-msg .alert{border-radius:12px;border:1px solid rgba(255,255,255,.10);}