:root {
}
.dv-card {
  box-sizing: border-box; display:flex; align-items:center; justify-content:space-between;
  gap:28px; margin:28px 0; padding:26px; border:1px solid #b9e3c4;
  border-radius:16px; background:linear-gradient(110deg,#f1fff3,#fff 65%);
  box-shadow:0 8px 24px rgba(20,50,35,.07); color:#18253b;
  font-family:inherit;
}
.dv-content { flex:1; min-width:0; }
.dv-heading { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.dv-heading h3 { margin:0 0 6px; color:#087333; font-size:30px; font-weight:800; }
.dv-heading p { margin:0; color:#58657a; font-size:15px; }
.dv-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:13px; background:#27bd4e; color:#fff; font-size:27px; }
.dv-form { display:grid; gap:14px; }
.dv-field { display:grid; gap:7px; font-size:14px; font-weight:700; }
.dv-field input { box-sizing:border-box; width:100%; min-height:54px; padding:12px 16px; border:1px solid #cbd4e2; border-radius:11px; background:#fff; color:#17243a; font:inherit; font-weight:400; outline:none; }
.dv-field input:focus { border-color:#07983d; box-shadow:0 0 0 3px rgba(7,152,61,.12); }
.dv-privacy { margin:0; color:#718096; font-size:12px; }
.dv-submit { width:100%; max-width:460px; min-height:58px; margin:4px auto 0; border:0; border-radius:12px; background:linear-gradient(90deg,#0aa843,#078936); color:#fff; font:inherit; font-size:21px; font-weight:800; cursor:pointer; transition:filter .2s,transform .2s; }
.dv-submit:hover { filter:brightness(1.06); transform:translateY(-1px); }
.dv-submit:disabled { opacity:.65; cursor:wait; }
.dv-art { position:relative; display:grid; place-items:center; flex:0 0 220px; min-height:190px; border-radius:50%; background:radial-gradient(circle,#d8f8df,#effff1 70%); }
.dv-box { width:132px; height:85px; margin-top:45px; border-radius:10px 10px 18px 18px; background:linear-gradient(135deg,#fff,#d8e4df); box-shadow:0 15px 20px #7ba98b55; transform:perspective(150px) rotateX(-7deg); }
.dv-box:before { content:""; display:block; height:17px; margin-top:-8px; border-radius:6px; background:#20b64b; }
.dv-check { position:absolute; z-index:2; top:18px; padding:6px 19px; border-radius:10px; background:#fff; color:#0aa843; font-size:45px; font-weight:900; box-shadow:0 5px 16px #315c3b30; }
.dv-leaf { position:absolute; bottom:0; left:8px; color:#3aa957; font-size:75px; transform:rotate(-24deg); }
.dv-alert { margin:18px 0; padding:14px 18px; border-radius:10px; font-size:14px; }
.dv-success { border:1px solid #a9dfb5; background:#edfff0; color:#14652c; }
.dv-error { border:1px solid #f0b6b6; background:#fff1f1; color:#9b2525; }
.dv-info { border:1px solid #b7d4ef; background:#eff7ff; color:#245c8a; }
@media(max-width:700px) {
  .dv-card { padding:18px; }
  .dv-art { display:none; }
  .dv-heading h3 { font-size:24px; }
  .dv-submit { width:100%; }
}