/* ICNA Dallas — FIFA Volunteer sign-up form
 * Branded form that submits to the campaign Google Form behind the scenes.
 * Scoped under .idfc-vpage. Reuses the campaign palette.
 */

.idfc-vpage *{box-sizing:border-box;margin:0;padding:0}
.idfc-vpage{font-family:'Barlow',system-ui,sans-serif;color:#1b2540;line-height:1.5;background:linear-gradient(180deg,#0a1733 0%,#0a1733 360px,#eef1f7 360px,#eef1f7 100%);-webkit-font-smoothing:antialiased;padding:0 0 70px}
.idfc-vwrap{max-width:760px;margin:0 auto;padding:0 22px}

.idfc-eyebrow{display:inline-block;font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:6px 14px;border-radius:30px}
.idfc-eyebrow--gold{background:rgba(246,184,30,.16);color:#f6b81e}

.idfc-vhero{text-align:center;padding:56px 0 40px;color:#fff}
.idfc-vhero__title{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:900;font-size:46px;line-height:1.02;text-transform:uppercase;margin:14px 0 0}
.idfc-vhero__intro{font-size:17.5px;line-height:1.6;color:#c6cee2;max-width:560px;margin:14px auto 0}

.idfc-vcard{background:#fff;border-radius:16px;box-shadow:0 30px 70px rgba(10,23,51,.28);padding:36px 34px;position:relative}

.idfc-btn{display:inline-block;font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:800;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-radius:7px;cursor:pointer;border:none}
.idfc-btn--green{background:#1f8a3b;color:#fff;box-shadow:0 10px 26px rgba(31,138,59,.28)}

/* fields */
.idfc-vfield{margin-bottom:26px}
.idfc-vlabel{display:block;font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;font-size:19px;letter-spacing:.01em;color:#0e1f44;text-transform:uppercase}
.idfc-vreq{color:#1f8a3b}
.idfc-vhelp{font-size:14px;color:#6a7488;margin:3px 0 10px;line-height:1.45}
.idfc-vinput{width:100%;font-family:'Barlow',sans-serif;font-size:16px;color:#1b2540;background:#f6f8fc;border:1.5px solid #e2e7f0;border-radius:9px;padding:13px 15px;margin-top:8px;transition:border-color .15s,box-shadow .15s}
.idfc-vinput::placeholder{color:#9aa3b8}
.idfc-vinput:focus{outline:none;border-color:#1f8a3b;box-shadow:0 0 0 3px rgba(31,138,59,.14);background:#fff}
textarea.idfc-vinput{resize:vertical;min-height:108px}

/* checkbox chips */
.idfc-vchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.idfc-vchip{position:relative;display:inline-flex;align-items:center}
.idfc-vchip input{position:absolute;opacity:0;width:0;height:0}
.idfc-vchip span{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#36405c;background:#f1f4fa;border:1.5px solid #e2e7f0;border-radius:30px;padding:10px 16px;cursor:pointer;transition:all .14s;user-select:none}
.idfc-vchip span::before{content:"";width:16px;height:16px;border-radius:5px;border:2px solid #c2cad9;background:#fff;flex-shrink:0;transition:all .14s}
.idfc-vchip:hover span{border-color:#bcd6c4}
.idfc-vchip input:checked + span{background:#e6f5ea;border-color:#1f8a3b;color:#16622b}
.idfc-vchip input:checked + span::before{background:#1f8a3b;border-color:#1f8a3b;box-shadow:inset 0 0 0 2px #fff}
.idfc-vchip input:focus-visible + span{box-shadow:0 0 0 3px rgba(31,138,59,.2)}

/* field-level error */
.idfc-vfield.has-error .idfc-vinput{border-color:#d63638;background:#fdf3f3}
.idfc-vfield.has-error .idfc-vchips{outline:2px solid rgba(214,54,56,.25);outline-offset:6px;border-radius:8px}
.idfc-vfielderr{color:#b32d2e;font-size:13.5px;font-weight:600;margin-top:7px}

/* submit */
.idfc-vsubmit{margin-top:8px;text-align:center}
.idfc-vbtn{font-size:18px;padding:16px 44px;width:100%;max-width:340px}
.idfc-vbtn[disabled]{opacity:.65;cursor:default}
.idfc-vfine{font-size:13px;color:#8089a0;margin-top:14px}

/* honeypot */
.idfc-vhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* alerts */
.idfc-valert{background:#fdecec;border:1px solid #f3c2c3;color:#b32d2e;border-radius:9px;padding:13px 16px;font-size:15px;font-weight:600;margin-bottom:22px}

/* success */
.idfc-vsuccess{display:none;text-align:center;padding:18px 10px 8px}
.idfc-vsuccess.is-visible{display:block}
.idfc-vsuccess__check{width:74px;height:74px;border-radius:50%;background:#e6f5ea;color:#1f8a3b;font-size:38px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.idfc-vsuccess h2{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:900;font-size:38px;color:#0e1f44;text-transform:uppercase}
.idfc-vsuccess p{font-size:17px;line-height:1.6;color:#4a5470;max-width:460px;margin:12px auto 0}

.idfc-vform.is-hidden{display:none}

@media(max-width:640px){
  .idfc-vpage{background:linear-gradient(180deg,#0a1733 0%,#0a1733 300px,#eef1f7 300px,#eef1f7 100%)}
  .idfc-vhero{padding:40px 0 28px}
  .idfc-vhero__title{font-size:36px}
  .idfc-vcard{padding:24px 18px;border-radius:13px}
  .idfc-vbtn{max-width:none}
}