/* Taqa v0.1.50 — standalone volunteer page. All rules are strictly page-scoped;
   the original form handler, labels, select names, and embedded mini-form remain intact. */
.tas-site .tas-volunteer-main,
.tas-site .tas-volunteer-page{width:100%;min-width:0}
.tas-site .tas-volunteer-page{background:#f4f7f8;color:var(--tas-text,#233b45)}
.tas-site .tas-volunteer-wide{width:calc(100% - clamp(32px,5vw,116px));max-width:1540px;margin-inline:auto;min-width:0}
.tas-site .tas-volunteer-page .tas-volunteer-banner{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(115deg,var(--tas-primary,#0f2f3d) 5%,#154d51 72%,#1c776d 145%);
  color:#fff;
}
.tas-site .tas-volunteer-page .tas-volunteer-banner::before{
  content:"";position:absolute;z-index:-1;top:-180px;left:-135px;
  width:430px;height:430px;border:1px solid rgba(255,255,255,.16);
  border-radius:50%;box-shadow:0 0 0 57px rgba(255,255,255,.035),0 0 0 117px rgba(255,255,255,.028);
  pointer-events:none;
}
.tas-site .tas-volunteer-page .tas-volunteer-banner::after{
  content:"";position:absolute;bottom:0;right:0;left:0;height:4px;
  background:linear-gradient(90deg,transparent,var(--tas-secondary,#18b8a5),var(--tas-accent,#f5cc6d));opacity:.95
}
.tas-site .tas-volunteer-page .tas-volunteer-banner-inner{
  display:flex;justify-content:space-between;align-items:center;gap:clamp(28px,5vw,84px);
  min-height:280px;padding-block:clamp(54px,6vw,88px);position:relative
}
.tas-site .tas-volunteer-page .tas-volunteer-banner-copy{max-width:900px;flex:1;min-width:0}
.tas-site .tas-volunteer-page .tas-volunteer-overline{
  display:inline-flex;align-items:center;gap:12px;color:#b9f1e8;
  font-size:clamp(13px,1vw,15px);font-weight:800;letter-spacing:0;margin:0 0 19px
}
.tas-site .tas-volunteer-page .tas-volunteer-overline::before{
  content:"";width:31px;height:3px;background:var(--tas-accent,#f5cc6d);border-radius:4px
}
.tas-site .tas-volunteer-page .tas-volunteer-banner h1{
  font-size:clamp(34px,3.5vw,57px);font-weight:850;line-height:1.26;letter-spacing:-.5px;
  color:#fff;margin:0 0 17px
}
.tas-site .tas-volunteer-page .tas-volunteer-banner p{
  font-size:clamp(16px,1.45vw,20px);line-height:1.9;color:#d7e9e9;
  margin:0;max-width:860px
}
.tas-site .tas-volunteer-page .tas-volunteer-about{margin-top:16px}
.tas-site .tas-volunteer-page .tas-volunteer-about p{font-size:15px;line-height:1.85}
.tas-site .tas-volunteer-page .tas-volunteer-banner-image{
  flex:0 0 clamp(150px,18vw,235px);width:clamp(150px,18vw,235px);
  height:clamp(150px,18vw,235px);border-radius:30px;
  display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16)
}
.tas-site .tas-volunteer-page .tas-volunteer-banner-image img{
  display:block;width:100%;height:100%;object-fit:contain;padding:12px;
  border:0;box-shadow:none;filter:none
}
.tas-site .tas-volunteer-page .tas-volunteer-form-section{
  padding-block:clamp(36px,4.2vw,68px) clamp(54px,6vw,92px)
}
.tas-site .tas-volunteer-page .tas-volunteer-form{
  display:block;width:100%;max-width:none;min-width:0;margin:0;
  border:1px solid #dce5e6;border-radius:21px;
  padding:clamp(24px,4vw,58px)!important;background:#fff;
  box-shadow:0 16px 50px rgba(17,47,55,.055)
}
.tas-site .tas-volunteer-page .tas-volunteer-form-head{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding-bottom:25px;margin-bottom:33px;border-bottom:1px solid #e3eaeb
}
.tas-site .tas-volunteer-page .tas-volunteer-form-kicker{
  display:block;font-size:13px;font-weight:800;color:var(--tas-secondary,#138c7f);margin-bottom:7px
}
.tas-site .tas-volunteer-page .tas-volunteer-form-head h2{
  font-size:clamp(23px,2.3vw,33px);line-height:1.35;color:var(--tas-primary,#0f2f3d);
  font-weight:850;margin:0
}
.tas-site .tas-volunteer-page .tas-volunteer-form-mark{
  flex:0 0 44px;width:44px;height:44px;border:1px solid #d9e9e6;border-radius:13px;
  background:linear-gradient(135deg,#f3faf8 40%,#cdebe4);position:relative
}
.tas-site .tas-volunteer-page .tas-volunteer-form-mark::before{
  content:"";width:18px;height:18px;position:absolute;top:11px;left:11px;
  border:3px solid var(--tas-secondary,#138c7f);border-radius:6px;transform:rotate(45deg)
}
.tas-site .tas-volunteer-page .tas-form-columns{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(20px,3vw,48px)
}
.tas-site .tas-volunteer-page .tas-volunteer-form label:not(.tas-check){
  min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;
  margin:0;color:var(--tas-primary,#0f2f3d);font-weight:750
}
.tas-site .tas-volunteer-page .tas-volunteer-form label:not(.tas-check)>span:first-child{
  color:#1d4550;font-weight:800;font-size:15.5px;line-height:1.7
}
.tas-site .tas-volunteer-page .tas-volunteer-form input:is([name="name"],[name="phone"],[name="email"],[name="city"]),
.tas-site .tas-volunteer-page .tas-volunteer-form select:not(.select2-hidden-accessible),
.tas-site .tas-volunteer-page .tas-volunteer-form textarea,
.tas-site .tas-volunteer-page .tas-volunteer-form select + .select2-container--default .select2-selection--single{
  box-sizing:border-box!important;width:100%;max-width:100%;min-height:62px!important;
  color:#163b46!important;border:2px solid #91b8bb!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 4px 12px rgba(24,80,86,.075)!important;
  padding:15px 18px!important;font-family:inherit!important;font-size:16px!important;
  line-height:1.7!important;transition:border-color .18s,box-shadow .18s
}
.tas-site .tas-volunteer-page .tas-volunteer-form textarea{
  min-height:156px!important;resize:vertical;padding:16px 18px!important
}
.tas-site .tas-volunteer-page .tas-volunteer-form :is(input,textarea)::placeholder{color:#788e95;opacity:1}
.tas-site .tas-volunteer-page .tas-volunteer-form input:is([name="name"],[name="phone"],[name="email"],[name="city"]):focus,
.tas-site .tas-volunteer-page .tas-volunteer-form select:not(.select2-hidden-accessible):focus,
.tas-site .tas-volunteer-page .tas-volunteer-form textarea:focus,
.tas-site .tas-volunteer-page .tas-volunteer-form .select2-container--default:is(.select2-container--focus,.select2-container--open) .select2-selection--single{
  outline:0!important;border-color:var(--tas-secondary,#138c7f)!important;
  box-shadow:0 0 0 4px rgba(19,140,127,.13),0 6px 16px rgba(24,80,86,.09)!important
}
.tas-site .tas-volunteer-page .tas-volunteer-form .select2-container{width:100%!important;max-width:100%}
.tas-site .tas-volunteer-page .tas-volunteer-form .select2-container .select2-selection--single{
  display:flex!important;align-items:center!important;padding:0 18px 0 32px!important;height:62px!important
}
.tas-site .tas-volunteer-page .tas-volunteer-form .select2-selection--single .select2-selection__rendered{
  display:block!important;width:100%;padding:0 0 0 15px!important;
  color:#163b46!important;font-size:16px!important;line-height:59px!important;text-align:right
}
.tas-site .tas-volunteer-page .tas-volunteer-form .select2-selection--single .select2-selection__arrow{
  height:100%!important;top:0!important;left:9px!important;right:auto!important
}
.tas-site .tas-volunteer-page .tas-volunteer-form .tas-volunteer-experience{
  margin-top:30px!important
}
.tas-site .tas-volunteer-page .tas-volunteer-form-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  flex-wrap:wrap;border-top:1px solid #e4ebec;margin-top:34px;padding-top:28px
}
.tas-site .tas-volunteer-page .tas-volunteer-form-bottom .tas-check{
  display:flex;align-items:flex-start;gap:12px;flex:1 1 310px;min-width:0;
  cursor:pointer;color:#405d65;font-size:14px;line-height:1.8;font-weight:550
}
.tas-site .tas-volunteer-page .tas-volunteer-form-bottom .tas-check input{
  width:21px!important;height:21px!important;min-width:21px;min-height:21px;
  margin-top:2px;accent-color:var(--tas-secondary,#138c7f);box-shadow:none!important
}
.tas-site .tas-volunteer-page .tas-volunteer-form-bottom .tas-check span{line-height:1.8}
.tas-site .tas-volunteer-page .tas-volunteer-submit{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tas-site .tas-volunteer-page .tas-volunteer-submit button{
  min-height:58px;padding:14px 29px;border-radius:13px;font-family:inherit;font-size:16px;
  display:inline-flex;align-items:center;gap:20px;white-space:nowrap
}
.tas-site .tas-volunteer-page .tas-volunteer-submit button span{font-size:22px;font-weight:400}
.tas-site .tas-volunteer-page .tas-volunteer-submit button:focus-visible{outline:3px solid var(--tas-secondary,#138c7f);outline-offset:3px}
.tas-site .tas-volunteer-page .tas-form-msg{width:100%;font-size:14px;line-height:1.8}
@media(max-width:980px){
 .tas-site .tas-volunteer-page .tas-volunteer-banner-inner{min-height:230px}
 .tas-site .tas-volunteer-page .tas-volunteer-banner-image{flex-basis:150px;width:150px;height:150px}
 .tas-site .tas-volunteer-page .tas-volunteer-form{padding:30px!important}
 .tas-site .tas-volunteer-page .tas-form-columns{gap:22px}
}
@media(max-width:660px){
 .tas-site .tas-volunteer-wide{width:calc(100% - 32px)}
 .tas-site .tas-volunteer-page .tas-volunteer-banner-inner{padding-block:44px;min-height:0;align-items:flex-start}
 .tas-site .tas-volunteer-page .tas-volunteer-banner-image{display:none}
 .tas-site .tas-volunteer-page .tas-volunteer-banner h1{font-size:35px}
 .tas-site .tas-volunteer-page .tas-volunteer-banner p{font-size:16px}
 .tas-site .tas-volunteer-page .tas-volunteer-form-section{padding-block:24px 54px}
 .tas-site .tas-volunteer-page .tas-volunteer-form{padding:22px 18px!important;border-radius:17px}
 .tas-site .tas-volunteer-page .tas-volunteer-form-head{margin-bottom:23px;padding-bottom:19px}
 .tas-site .tas-volunteer-page .tas-form-columns{grid-template-columns:minmax(0,1fr);gap:19px}
 .tas-site .tas-volunteer-page .tas-volunteer-form-bottom{flex-direction:column;align-items:stretch;gap:18px}
 .tas-site .tas-volunteer-page .tas-volunteer-form-bottom .tas-check{flex:auto}
 .tas-site .tas-volunteer-page .tas-volunteer-submit{display:block;width:100%}
 .tas-site .tas-volunteer-page .tas-volunteer-submit button{width:100%;justify-content:center}
 .tas-site .tas-volunteer-page .tas-volunteer-form-mark{width:38px;height:38px;flex-basis:38px}
 .tas-site .tas-volunteer-page .tas-volunteer-form-mark::before{left:9px;top:9px}
}
@media(prefers-reduced-motion:reduce){
 .tas-site .tas-volunteer-page :is(input,select,textarea,button){transition:none!important}
}
/* Keep the honeypot in the DOM but clip it without creating a 100,000px scroll area. */
.tas-site .tas-volunteer-page .tas-form-honeypot{
  position:absolute!important;left:0!important;right:auto!important;top:auto!important;
  width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%);opacity:0;pointer-events:none
}