body{
  background:#f5f8fb;
  color:#0b2344;
}

.donor-shell{
  max-width:980px;
  margin:0 auto;
  padding:56px 24px 80px;
}

.donor-hero{
  margin-bottom:28px;
}

.donor-eyebrow{
  font-weight:800;
  letter-spacing:.12em;
  font-size:13px;
  color:#0578be;
}

.donor-hero h1{
  font-size:clamp(34px,6vw,60px);
  line-height:1.02;
  margin:10px 0 18px;
}

.donor-hero>p{
  font-size:19px;
  line-height:1.65;
  max-width:760px;
}

.donor-rule{
  margin-top:24px;
  padding:20px 22px;
  background:#fff;
  border-left:6px solid #69be28;
  border-radius:12px;
  line-height:1.6;
}

.donor-rule strong{
  display:block;
  margin-bottom:4px;
}

.donor-card{
  background:#fff;
  padding:34px;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(11,35,68,.08);
}

.donor-card h2{
  margin-top:0;
}

.donor-card form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:28px;
}

.donor-card label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:700;
}

.donor-card .wide{
  grid-column:1/-1;
}

.donor-card input,
.donor-card textarea,
.donor-card select{
  width:100%;
  box-sizing:border-box;
  border:1px solid #cbd5e1;
  border-radius:9px;
  padding:12px 13px;
  font:inherit;
  color:#0b2344;
  background:#fff;
}

.donor-check{
  flex-direction:row!important;
  align-items:flex-start;
  font-weight:500!important;
  line-height:1.55;
}

.donor-check input{
  width:auto;
  margin-top:4px;
}

.donor-card button{
  grid-column:1/-1;
  border:0;
  border-radius:9px;
  padding:14px 18px;
  background:#0b2344;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

.donor-card button:disabled{
  opacity:.55;
  cursor:wait;
}

.donor-status{
  min-height:24px;
  padding:0;
  line-height:1.5;
}

.donor-status.success{
  color:#267300;
  font-weight:700;
}

.donor-status.error{
  color:#a11a1a;
  font-weight:700;
}

.donor-hp{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
}

.donor-footer{
  text-align:center;
  padding:28px 20px 40px;
  font-size:12px;
  color:#667085;
}

.resource-images{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:14px;
  margin-top:16px;
}

.resource-image-card{
  border:1px solid #d7e0e8;
  border-radius:10px;
  padding:10px;
}

.resource-image-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:8px;
}

.resource-image-card button{
  width:100%;
  margin-top:8px;
  background:#fff;
  color:#a11a1a;
  border:1px solid #e2b8b8;
}

.donor-lock{
  padding:16px 18px;
  border-radius:10px;
  background:#edf8e8;
  color:#225b0c;
  font-weight:700;
}

@media(max-width:700px){
  .donor-card form{
    grid-template-columns:1fr;
  }

  .donor-card .wide,
  .donor-card button{
    grid-column:1;
  }

  .donor-card{
    padding:24px 18px;
  }
}