:root{--donate-teal:#087f7c;--donate-dark:#075b59;--donate-ink:#123b43;--donate-muted:#5c7479;--donate-line:#d7e5e4;--donate-soft:#f2f7f6;--donate-gold:#f5ab2c;--donate-danger:#b83a31}
.donation-ui{overflow:hidden;background:#fff;color:var(--donate-ink)}.donation-ui *,.donation-ui *:before,.donation-ui *:after{box-sizing:border-box}.donation-ui__shell{max-width:none;margin:0;padding:0}.donation-ui__header{position:relative;min-height:490px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;margin:0;padding:110px max(24px,calc((100vw - 1180px)/2)) 66px;text-align:left;background:linear-gradient(90deg,rgba(4,45,47,.94),rgba(4,45,47,.68) 48%,rgba(4,45,47,.14) 78%),url('../img/donation-hero-medical-support.jpg') center 52%/cover no-repeat;border-bottom:5px solid var(--donate-teal)}.donation-ui__header:before{content:"Make a difference";display:block;margin-bottom:15px;color:#a8e6e2;font-size:13px;font-weight:800;text-transform:uppercase}.donation-ui__header h1{max-width:680px;margin:0 0 18px;color:#fff;font-size:clamp(44px,5.2vw,72px);font-weight:800;line-height:1.05;letter-spacing:0}.donation-ui__header p{max-width:590px;margin:0;color:rgba(255,255,255,.84);font-size:19px;line-height:1.7}.donation-ui__underline{width:90px;height:4px;margin:25px 0 0;background:var(--donate-gold)}
.donation-ui__layout{width:min(1180px,calc(100% - 36px));display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.82fr);gap:28px;align-items:start;margin:72px auto 92px}.donation-card{padding:36px;border:1px solid var(--donate-line);border-radius:6px;background:#fff;box-shadow:0 15px 40px rgba(18,59,67,.08)}.donation-side{display:grid;gap:18px}.donation-side-card{padding:24px;border:1px solid var(--donate-line);border-radius:6px;background:#fff}.donation-section+.donation-section{margin-top:34px;padding-top:34px;border-top:1px solid var(--donate-line)}.donation-section__head{display:flex;align-items:center;gap:14px;margin-bottom:23px}.donation-section__badge{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:var(--donate-teal);color:#fff;font-weight:900}.donation-section__head h2{margin:0;color:var(--donate-ink);font-size:23px;font-weight:800}.donation-section__line{width:36px;height:3px;margin-top:8px;background:var(--donate-gold)}
.donation-amounts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.donation-chip{min-height:62px;padding:10px;border:1px solid var(--donate-line);border-radius:5px;background:#fff;color:var(--donate-ink);font-weight:800;text-align:center;transition:border-color .2s,background .2s,color .2s,transform .2s}.donation-chip strong{display:block;font-size:16px}.donation-chip span{display:block;margin-top:5px;color:var(--donate-muted);font-size:12px}.donation-chip:hover,.donation-chip.is-active{border-color:var(--donate-teal);background:var(--donate-teal);color:#fff;transform:translateY(-2px)}.donation-chip:hover span,.donation-chip.is-active span{color:rgba(255,255,255,.78)}.donation-custom{margin-top:16px}.donation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-group.full{grid-column:1/-1}.field-group label{display:block;margin-bottom:8px;color:var(--donate-ink);font-size:14px;font-weight:800}.field-shell{position:relative}.field-shell>i{position:absolute;left:15px;top:50%;z-index:1;transform:translateY(-50%);color:var(--donate-teal);font-size:15px;pointer-events:none}.donation-ui input[type=text],.donation-ui input[type=email],.donation-ui input[type=number],.donation-ui input[type=tel],.donation-ui input[type=password],.donation-ui select,.donation-ui textarea{width:100%;min-height:50px;padding:12px 15px 12px 43px;border:1px solid #cfdedd;border-radius:5px;background:#fff;color:var(--donate-ink);font-size:15px;transition:border-color .2s,box-shadow .2s}.donation-ui textarea{min-height:150px;padding-top:14px;resize:vertical}.donation-ui input:focus,.donation-ui select:focus,.donation-ui textarea:focus{outline:none;border-color:var(--donate-teal);box-shadow:0 0 0 3px rgba(8,127,124,.11)}.donation-ui select{appearance:none;cursor:pointer;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,var(--donate-teal) 50%),linear-gradient(135deg,var(--donate-teal) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}.donation-error{display:none;margin-top:6px;color:var(--donate-danger);font-size:12px;font-weight:700}.is-invalid{border-color:var(--donate-danger)!important;background:#fff8f7!important}
.country-select{position:relative}.country-select__toggle{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid #cfdedd;border-radius:5px;background:#fff;color:var(--donate-ink);text-align:left}.country-select__toggle:focus{outline:none;border-color:var(--donate-teal);box-shadow:0 0 0 3px rgba(8,127,124,.11)}.country-select__value{overflow:hidden;color:var(--donate-muted);text-overflow:ellipsis;white-space:nowrap}.country-select__value.has-value{color:var(--donate-ink)}.country-select__toggle i{position:static;transform:none}.country-select.is-open .country-select__toggle i{transform:rotate(180deg)}.country-select__dropdown{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:50;padding:10px;border:1px solid var(--donate-line);border-radius:5px;background:#fff;box-shadow:0 18px 36px rgba(18,59,67,.14)}.country-select__search-wrap{position:relative;margin-bottom:8px}.country-select__search{padding-left:40px!important}.country-select__status,.country-select__empty{padding:9px;color:var(--donate-muted);font-size:13px}.country-select__list{max-height:230px;display:grid;gap:3px;overflow:auto;margin:0;padding:0;list-style:none}.country-select__option{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:3px;background:transparent;color:var(--donate-ink);text-align:left}.country-select__option:hover,.country-select__option.is-active,.country-select__option.is-selected{background:#e6f2f0;color:var(--donate-dark)}.country-select__flag{width:22px;text-align:center}
.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.purpose-card{min-width:0;padding:18px 15px;border:1px solid var(--donate-line);border-radius:5px;background:#fff}.purpose-card:hover,.purpose-card.is-active{border-color:var(--donate-teal);background:var(--donate-soft)}.purpose-card i{width:38px;height:38px;display:grid;place-items:center;margin-bottom:15px;border-radius:4px;background:#e3f1ef;color:var(--donate-teal)}.purpose-card strong,.purpose-card span{display:block}.purpose-card strong{margin-bottom:5px;color:var(--donate-ink);font-size:15px}.purpose-card span{color:var(--donate-muted);font-size:13px;line-height:1.5}.benefit-box{display:grid;gap:16px;padding:20px!important;border:1px solid var(--donate-line);border-radius:5px!important;background:var(--donate-soft)!important}.check-row{display:flex;align-items:flex-start;gap:11px}.check-row input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--donate-teal)}.check-row strong,.check-row span{display:block}.check-row strong{color:var(--donate-ink);font-size:14px}.check-row span span{margin-top:3px;color:var(--donate-muted);font-size:13px}.recaptcha-block{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:24px}.recaptcha-block .g-recaptcha{width:100%;display:flex;justify-content:center}.recaptcha-error{display:none;max-width:340px;padding:9px 12px;border:1px solid #efc8c4;border-radius:4px;background:#fff5f4;color:var(--donate-danger);font-size:12px;text-align:center}.recaptcha-error.is-visible{display:block}.donation-submit{margin-top:24px}.donation-submit button,.sidebar-cta{width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--donate-teal);border-radius:5px;background:var(--donate-teal);color:#fff!important;font-size:16px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}.donation-submit button:hover,.sidebar-cta:hover{background:var(--donate-dark);transform:translateY(-2px)}.donation-submit-note{margin-top:10px;color:var(--donate-muted);font-size:12px;text-align:center}
#donorAuthStep>div{padding:20px!important;border:1px solid var(--donate-line)!important;border-radius:5px!important;background:var(--donate-soft)!important}#btnDonorRegister,#btnDonorLogin{min-height:48px!important;padding:10px 18px!important;border-radius:5px!important;background:var(--donate-teal)!important}#showLoginLink,#showRegisterLink{color:var(--donate-teal)!important}
.sidebar-title{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--donate-ink);font-size:17px;font-weight:800}.sidebar-title i,.checklist i,.campaign-foot i{color:var(--donate-teal)}.campaign-panel{border-top:4px solid var(--donate-teal);background:var(--donate-soft)}.campaign-panel h3{margin:0 0 8px;color:var(--donate-ink);font-size:21px;font-weight:800}.campaign-panel p{margin:0;color:var(--donate-muted);line-height:1.65}.campaign-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px -24px -24px;background:var(--donate-line)}.campaign-foot div{min-width:0;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;background:#fff;text-align:center}.campaign-foot strong,.campaign-foot span{display:block}.campaign-foot strong{margin:5px 0 2px;color:var(--donate-ink)}.campaign-foot span{color:var(--donate-muted);font-size:11px}.checklist{display:grid;gap:12px;margin:0;padding:0;list-style:none}.checklist li{display:flex;align-items:flex-start;gap:10px;color:var(--donate-ink);font-size:14px;line-height:1.5}.trust-card{background:var(--donate-soft)}.invoice-form{display:grid;gap:10px}.invoice-form input{padding-left:14px!important}.invoice-form button{min-height:47px;border:1px solid var(--donate-teal);border-radius:5px;background:#fff;color:var(--donate-teal);font-weight:800}.invoice-form button:hover{background:var(--donate-soft)}
html[data-theme=dark] .donation-ui{background:#0d171b}html[data-theme=dark] .donation-card,html[data-theme=dark] .donation-side-card{border-color:rgba(122,215,211,.16);background:#111e23}html[data-theme=dark] .donation-section__head h2,html[data-theme=dark] .field-group label,html[data-theme=dark] .sidebar-title,html[data-theme=dark] .purpose-card strong,html[data-theme=dark] .check-row strong,html[data-theme=dark] .checklist li,html[data-theme=dark] .campaign-panel h3{color:#edf6f8}html[data-theme=dark] .donation-ui input,html[data-theme=dark] .donation-ui select,html[data-theme=dark] .donation-ui textarea,html[data-theme=dark] .country-select__toggle,html[data-theme=dark] .purpose-card,html[data-theme=dark] .campaign-foot div,html[data-theme=dark] .invoice-form button{border-color:rgba(122,215,211,.16);background:#15252b;color:#edf6f8}html[data-theme=dark] .benefit-box,html[data-theme=dark] .trust-card,html[data-theme=dark] .campaign-panel,html[data-theme=dark] #donorAuthStep>div{background:#132228!important;border-color:rgba(122,215,211,.16)!important}
@media(max-width:991px){.donation-ui__layout{grid-template-columns:1fr}.donation-side{grid-template-columns:repeat(2,1fr)}.campaign-panel{grid-row:span 2}.donation-side-card:has(.sidebar-cta){display:none}}
@media(max-width:767px){.donation-ui__header{min-height:560px;padding:180px 18px 44px;background:linear-gradient(180deg,rgba(4,45,47,.24),rgba(4,45,47,.94) 64%,rgba(4,45,47,.98)),url('../img/donation-hero-medical-support.jpg') 60% center/cover no-repeat}.donation-ui__header h1{font-size:42px}.donation-ui__header p{font-size:16px}.donation-ui__layout{width:min(100% - 28px,1180px);margin:48px auto 70px}.donation-card{padding:24px 18px}.donation-amounts{grid-template-columns:repeat(2,1fr)}.donation-chip:last-child{grid-column:1/-1}.donation-grid,.purpose-grid,.donation-side{grid-template-columns:1fr}.donation-section+.donation-section{margin-top:28px;padding-top:28px}.donation-section__head h2{font-size:20px}.donation-ui textarea{min-height:130px}.campaign-foot{margin-left:-24px;margin-right:-24px}.recaptcha-block .g-recaptcha{transform:scale(.88);transform-origin:center top;margin-bottom:-23px}}
@media(prefers-reduced-motion:reduce){.donation-chip,.donation-submit button,.sidebar-cta{transition:none}}