:root{
  --green:#0b6f3e;
  --green-2:#128b50;
  --green-3:#22a866;
  --green-dark:#0d5734;
  --green-deep:#083f27;
  --deep-green:#083f27;
  --deep-green-2:#0d5734;
  --lime:#d7d300;
  --yellow:#d7d300;
  --yellow-2:#eee740;
  --ink:#173123;
  --muted:#65756b;
  --line:rgba(9,83,48,.13);
  --soft:#f6f8f1;
  --sage:#e7eee8;
  --sage-2:#dbe6dd;
  --cream:#f6f8f1;
  --white:#fff;
}

html{background:#dce7de}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 0%,rgba(215,211,0,.12),transparent 26rem),
    radial-gradient(circle at 100% 20%,rgba(18,139,80,.12),transparent 32rem),
    linear-gradient(180deg,#dfe9e1 0%,#e8eee7 48%,#dce7de 100%);
}

.hero{
  background:
    radial-gradient(circle at 84% 4%,rgba(238,231,64,.22),transparent 26%),
    linear-gradient(135deg,#073d25 0%,#0b5733 48%,#157544 100%);
  box-shadow:0 24px 65px rgba(4,45,26,.24),inset 0 1px 0 rgba(255,255,255,.09);
}
.hero:before{background:radial-gradient(circle,rgba(238,231,64,.15),rgba(238,231,64,0) 68%)}
.hero:after{background:linear-gradient(90deg,transparent,var(--yellow-2),transparent)}
.hero>p{color:rgba(255,255,255,.76)}

.card{
  background:rgba(250,252,247,.92);
  border-color:rgba(255,255,255,.72);
  box-shadow:0 22px 60px rgba(16,63,38,.13),inset 0 1px 0 rgba(255,255,255,.88);
}
.card:before{background:linear-gradient(90deg,transparent,rgba(238,231,64,.72),transparent)}
.section-title>b{
  background:linear-gradient(145deg,var(--green),var(--green-2));
  box-shadow:0 8px 16px rgba(16,111,62,.20);
}
.section-title h2{color:#163d28}
.section-title p{color:var(--muted)}
label>span:first-child{color:#33483b}
small{color:#819087}

input,select,textarea{
  border-color:#c7d6cb;
  background:linear-gradient(180deg,#fff,#f8faf7);
  color:var(--ink);
  box-shadow:inset 0 1px 1px rgba(23,49,35,.025),0 1px 0 rgba(255,255,255,.75);
}
input:hover,select:hover,textarea:hover{border-color:#aebfb3;background:#fff}
input:focus,select:focus,textarea:focus{
  border-color:var(--green-2);
  background:#fff;
  box-shadow:0 0 0 4px rgba(18,139,80,.10),0 6px 16px rgba(16,63,38,.06);
}
input::placeholder,textarea::placeholder{color:#95a299}
select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b6f3e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"),linear-gradient(180deg,#fff,#fff)}
@media(min-width:681px){
  input[type="date"]:focus{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b6f3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E"),linear-gradient(180deg,#fff,#fff);
  }
}

.upload{
  border-color:#9eb2a4;
  background:linear-gradient(135deg,#fbfdf9,#eef5ef);
}
.upload:after{background:rgba(215,211,0,.10)}
.upload:hover{border-color:var(--green-2);background:#f5faf6;box-shadow:0 8px 20px rgba(18,139,80,.08)}
.pdf{
  background:linear-gradient(145deg,#e7f2e9,#dbe9de);
  color:var(--green);
  border-color:#cbdfd0;
  box-shadow:0 7px 15px rgba(16,111,62,.09);
}
.upload span{color:var(--muted)}

.submit,
.status.ok,
.availability-choice.yes,
.availability-send{
  background:linear-gradient(135deg,#0a7742 0%,#128b50 58%,#0d5734 100%);
}
.submit{box-shadow:0 13px 26px rgba(13,87,52,.24),0 3px 7px rgba(8,63,39,.11),inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(0,0,0,.10)}
.submit:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),rgba(238,231,64,.12),transparent)}
.submit:after{background:linear-gradient(90deg,transparent,rgba(238,231,64,.78),transparent)}
.submit:hover{box-shadow:0 18px 34px rgba(13,87,52,.29),0 5px 11px rgba(8,63,39,.12),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.08)}
.submit:focus-visible{box-shadow:0 0 0 4px rgba(238,231,64,.20),0 16px 30px rgba(13,87,52,.27),inset 0 1px 0 rgba(255,255,255,.22)}
.status.ok{box-shadow:0 22px 55px rgba(8,63,39,.30),inset 0 1px 0 rgba(255,255,255,.16)}

.privacy{color:#7f8e85}
.developer-credit a{color:#6d7d73}
.developer-credit a span:first-child{color:#52665a}
.developer-credit a:hover{color:var(--green);background:rgba(250,252,247,.72)}
.developer-credit a:hover span:first-child{color:var(--green)}

.availability-overlay{background:rgba(5,31,19,.64)}
.availability-modal{
  background:linear-gradient(180deg,#fbfdf9 0%,#f3f8f3 100%);
  border-color:rgba(255,255,255,.88);
  box-shadow:0 34px 90px rgba(4,45,26,.32),inset 0 1px 0 #fff;
}
.availability-close{background:#edf3ee;color:#566b5d}
.availability-close:hover{background:#fff;color:var(--green);border-color:#cfdfd3;box-shadow:0 7px 18px rgba(16,63,38,.10)}
.availability-icon{background:linear-gradient(145deg,var(--green-2),var(--green-dark));box-shadow:0 11px 22px rgba(18,139,80,.20)}
.availability-kicker{color:var(--green)}
.availability-modal h2{color:#173123}
.availability-modal>p{color:var(--muted)}
.availability-choice.yes,.availability-send{box-shadow:0 11px 22px rgba(13,87,52,.22),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.08)}
.availability-choice.yes:hover,.availability-send:hover{box-shadow:0 16px 29px rgba(13,87,52,.28),inset 0 1px 0 rgba(255,255,255,.20)}
.availability-choice.no{border-color:#c7d6cb;background:linear-gradient(180deg,#fff,#f8faf7);color:#45584b;box-shadow:0 5px 13px rgba(16,63,38,.05),inset 0 1px 0 #fff}
.availability-choice.no:hover{border-color:#9eb2a4;background:#fff;color:#294b36;box-shadow:0 11px 22px rgba(16,63,38,.09),0 0 0 3px rgba(18,139,80,.04)}
.availability-choice:focus-visible,.availability-send:focus-visible,.availability-close:focus-visible{box-shadow:0 0 0 4px rgba(238,231,64,.18),0 11px 23px rgba(13,87,52,.20)}
.availability-note{border-top-color:#dbe6dd}
.availability-note label{color:#33483b}
.availability-note-help{color:#718078}
