.wizo-donation-page { margin:0; padding:0; background:#0a0c16; }
.wizo-donation-page #wpadminbar { position:fixed; }
.wizo-donation, .wizo-footer { --navy:#0a0c16; --navy-mid:#0d1b32; --navy-light:#1a1d30; --gold:#d4af37; --gold-bright:#ffd700; --white:#f8f9fa; --copy:rgba(248,249,250,.68); color:var(--white); background:var(--navy); font-family:Arial, "Noto Sans Hebrew", sans-serif; font-size:16px; line-height:1.65; isolation:isolate; }
.wizo-donation *, .wizo-footer * { box-sizing:border-box; }
.wizo-donation :where(h1,h2,h3,p,figure,dl,dd), .wizo-footer :where(p) { margin-top:0; }
.donation-container { width:min(100% - 3rem, 1200px); margin-inline:auto; }
.donation-header { position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(212,175,55,.1); background:rgba(10,12,22,.88); backdrop-filter:blur(12px); }
.header-content { min-height:72px; display:flex; align-items:center; gap:1.25rem; justify-content:space-between; }
.header-logo { width:auto; height:34px; object-fit:contain; opacity:.8; }
.header-message { margin:0 auto 0 0; color:rgba(248,249,250,.5); font-size:.875rem; }
.hero { position:relative; min-height:calc(100svh - 72px); display:grid; align-items:center; overflow:hidden; background:radial-gradient(80% 60% at 70% 40%, #161930 0%, var(--navy) 60%, #06070e 100%); }
.hero-lines { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(135deg, transparent 0 47%, rgba(212,175,55,.5) 47.1% 47.2%, transparent 47.3% 100%),linear-gradient(25deg, transparent 0 61%, rgba(212,175,55,.28) 61.1% 61.2%, transparent 61.3% 100%); background-size:520px 340px, 720px 420px; }
.hero-grid, .story-grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(2.5rem,6vw,5rem); padding-block:5rem; }
.hero-logo { width:auto; height:74px; object-fit:contain; opacity:.8; margin-bottom:2.5rem; }
.eyebrow { margin:0 0 1rem; color:var(--gold); font-size:.8rem; font-weight:700; letter-spacing:.18em; }
.hero h1, .section h2, .final-cta h2 { margin:0; font-weight:500; line-height:1.15; }
.hero h1 { font-size:clamp(2.6rem,5vw,4.5rem); }.hero h1 span, .final-cta h2 span, .section--gradient h2 { color:var(--gold); }
.hero-description { max-width:38rem; margin:1.75rem 0 2rem; font-size:clamp(1.05rem,1.5vw,1.25rem); color:var(--copy); }
.hero-facts { display:flex; flex-wrap:wrap; gap:1.25rem; width:max-content; max-width:100%; margin:0 0 2.5rem; padding:1rem 1.5rem; border:1px solid rgba(212,175,55,.12); border-radius:.75rem; background:rgba(26,29,48,.6); }
.hero-facts div + div { border-right:1px solid rgba(212,175,55,.16); padding-right:1.25rem; }.hero-facts dt { color:var(--gold); font-size:.72rem; font-weight:700; letter-spacing:.1em; }.hero-facts dd { margin:0; color:rgba(248,249,250,.8); font-size:.875rem; }
.button-row { display:flex; flex-wrap:wrap; gap:1rem; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:3.25rem; padding:.75rem 1.75rem; border-radius:.75rem; background:linear-gradient(135deg,var(--gold),#b8962e); color:#0a1428; font-weight:700; text-decoration:none; box-shadow:0 8px 22px rgba(212,175,55,.18); transition:transform .2s, box-shadow .2s, filter .2s; }.button:hover { color:#0a1428; filter:brightness(1.08); transform:translateY(-2px); box-shadow:0 12px 28px rgba(212,175,55,.28); }.button--small { min-height:2.5rem; padding:.5rem 1rem; border-radius:999px; font-size:.85rem; }.button--large { padding:1rem 2.5rem; min-height:3.75rem; border-radius:999px; font-size:1.1rem; }.button--outline { background:transparent; border:1px solid rgba(248,249,250,.25); color:var(--white); box-shadow:none; }.button--outline:hover { color:var(--white); border-color:var(--gold); }
.hero-image { position:relative; margin:0; }.hero-media { position:relative; overflow:hidden; border:1px solid rgba(248,249,250,.1); border-radius:1rem; box-shadow:0 24px 60px rgba(0,0,0,.36); transform-origin:center; }.hero-media > img { display:block; width:100%; aspect-ratio:3 / 4; object-fit:cover; }.hero-media::after, .story-image::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(to top, rgba(10,12,22,.75), transparent 50%); }.hero-media figcaption { position:absolute; z-index:1; right:2rem; bottom:4.5rem; left:2rem; display:grid; color:var(--white); font-size:1.45rem; font-weight:600; }.hero-media figcaption span { color:var(--gold); font-size:.72rem; letter-spacing:.15em; margin-bottom:.5rem; }.image-stat { position:absolute; z-index:2; padding:.65rem 1rem; border:1px solid rgba(212,175,55,.2); border-radius:.75rem; background:rgba(26,29,48,.92); box-shadow:0 12px 24px rgba(0,0,0,.3); color:rgba(248,249,250,.6); font-size:.75rem; }.image-stat strong { display:block; color:var(--gold); font-size:1.25rem; line-height:1.1; }.image-stat--top { top:-1rem; left:-1.5rem; }.image-stat--bottom { right:-1.5rem; bottom:-1rem; }
.section { position:relative; padding-block:6rem; background:var(--navy-mid); }.section--gradient { background:linear-gradient(var(--navy),var(--navy-mid),var(--navy)); border-block:1px solid rgba(212,175,55,.2); }.section-heading { margin-bottom:3.5rem; text-align:center; }.section h2 { font-size:clamp(2rem,4vw,3.5rem); }.impact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }.impact-card { position:relative; min-height:28rem; overflow:hidden; border-radius:1rem; background:#111; }.impact-card img { position:absolute; width:100%; height:100%; object-fit:cover; transition:transform .6s; }.impact-card::after { content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10,20,40,.98) 0%,rgba(10,20,40,.58) 55%,rgba(10,20,40,.18)); transition:background .35s; }.impact-card__content { position:absolute; z-index:1; inset:auto 1.5rem 1.5rem; }.impact-card h3 { margin:0 0 .5rem; color:var(--gold); font-size:1.5rem; }.impact-card p { max-height:0; overflow:hidden; margin:0; color:rgba(248,249,250,.78); font-size:.9rem; opacity:0; transition:max-height .45s,opacity .35s; }.impact-card:hover img { transform:scale(1.07); }.impact-card:hover p { max-height:14rem; opacity:1; }.centered-action { margin:3.5rem 0 0; text-align:center; }
.statistics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }.statistic { padding:1.5rem; border:1px solid rgba(212,175,55,.12); border-radius:1rem; background:rgba(248,249,250,.03); text-align:center; }.statistic strong { display:block; color:var(--gold); font-size:clamp(2.2rem,4vw,3.3rem); }.statistic span { color:var(--copy); font-size:.9rem; }.targets-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }.target { display:flex; gap:1rem; padding:1.5rem; border:1px solid rgba(248,249,250,.07); border-radius:1rem; background:rgba(248,249,250,.03); transition:border-color .2s, background .2s; }.target:hover { border-color:rgba(212,175,55,.35); background:rgba(212,175,55,.05); }.target-icon { display:grid; flex:0 0 3rem; width:3rem; height:3rem; place-items:center; border-radius:.75rem; background:rgba(212,175,55,.1); color:var(--gold); font-size:1.3rem; }.target h3 { margin:0 0 .25rem; font-size:1.05rem; }.target p { margin:0; color:var(--copy); font-size:.88rem; }
.story-section { overflow:hidden; }.story-image { position:relative; margin:0; border-radius:1rem; overflow:hidden; }.story-image img { display:block; width:100%; aspect-ratio:4 / 5; object-fit:cover; }.story-copy { color:var(--copy); font-size:1.1rem; }.story-copy p { margin:0 0 1.5rem; }.story-copy .lead { color:rgba(248,249,250,.92); }.story-copy .lead::first-letter { float:right; margin:.15rem 0 0 .75rem; color:var(--gold); font-size:4rem; font-weight:700; line-height:.8; }
.final-cta { padding-block:7rem; text-align:center; background:radial-gradient(60% 60% at center,rgba(212,175,55,.1),transparent 70%),var(--navy); }.final-cta h2 { font-size:clamp(2.2rem,4vw,3.7rem); }.final-cta > div > p:not(.eyebrow) { max-width:38rem; margin:1.5rem auto 2.75rem; color:var(--copy); font-size:1.1rem; }
.donation-modal-open { overflow:hidden; }.donation-modal { position:fixed; z-index:999999; inset:0; display:grid; place-items:center; padding:1.5rem; visibility:hidden; opacity:0; transition:opacity .25s ease, visibility 0s linear .25s; }.donation-modal.is-open { visibility:visible; opacity:1; transition:opacity .25s ease; }.donation-modal__backdrop { position:absolute; inset:0; background:rgba(4,7,14,.82); backdrop-filter:blur(5px); }.donation-modal__dialog { position:relative; z-index:1; width:min(100%, 960px); max-height:min(90svh, 920px); overflow:auto; border-radius:1rem; background:#fff; box-shadow:0 28px 80px rgba(0,0,0,.55); transform:translateY(1rem) scale(.97); transition:transform .25s ease; }.donation-modal.is-open .donation-modal__dialog { transform:translateY(0) scale(1); }.donation-modal__close { position:sticky; z-index:2; top:1rem; float:left; display:grid; width:2.5rem; height:2.5rem; margin:.75rem .75rem -3.25rem; place-items:center; border:0; border-radius:50%; background:#0a0c16; color:#fff; font-size:2rem; line-height:1; cursor:pointer; }.donation-modal__close:hover { background:#b8962e; color:#0a0c16; }.donation-modal__content { min-height:8rem; }.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Donation form: a scoped visual skin for the unmodified Web3D shortcode. */
.donation-modal__dialog { width:min(100%, 940px); max-height:min(92svh, 700px); overflow:hidden; border:1px solid rgba(212,175,55,.24); border-radius:1rem; background:#101f39; }.donation-modal__layout { display:grid; grid-template-columns:minmax(0, 3fr) minmax(270px, 2fr); min-height:695px; direction:ltr; }.donation-modal__form { overflow:auto; padding:2rem; color:#edf1f8; direction:rtl; scrollbar-color:#d4af37 #0b162a; }.donation-modal__story { position:relative; min-height:100%; overflow:hidden; background:#0a1428; color:#fff; }.donation-modal__story::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(10,20,40,.9),rgba(10,20,40,.04) 55%); }.donation-modal__story img { width:100%; height:100%; min-height:695px; object-fit:cover; }.donation-modal__story-copy { position:absolute; z-index:1; right:2rem; bottom:1.75rem; left:2rem; text-align:right; }.donation-modal__story-copy span { color:#d4af37; font-weight:700; }.donation-modal__story-copy p { margin:.6rem 0 0; font-size:.9rem; line-height:1.8; }.donation-modal__close { position:absolute; top:1rem; right:1rem; margin:0; border:1px solid rgba(212,175,55,.65); background:#0d1a30; color:#d4af37; }.donation-modal__close:hover { background:#d4af37; color:#0a1428; }
.donation-modal #gdonations_web3d { width:100%; max-width:none; padding:0; background:transparent !important; color:#edf1f8; }.donation-modal #gdonations_web3d * { font-family:Heebo,Arial,sans-serif; }.donation-modal #sh_donations { margin-bottom:1.75rem; }.donation-modal #sh_donations #nav-tab { display:flex; overflow:hidden; padding:5px; border:1px solid rgba(212,175,55,.15); border-radius:.8rem; background:#0a162a; }.donation-modal #sh_donations .nav-link { flex:1; min-height:2.8rem; margin:0; padding:.55rem .75rem; border:0; border-radius:.55rem; background:transparent; color:rgba(237,241,248,.58); font-size:.9rem; font-weight:700; }.donation-modal #sh_donations .nav-link span, .donation-modal #sh_donations .nav-link br { display:none; }.donation-modal #sh_donations .nav-link.active, .donation-modal #sh_donations .monthly.nav-link.active, .donation-modal #sh_donations .otime.nav-link.active { background:linear-gradient(135deg,#d4af37,#b8962e); color:#0a1428; box-shadow:0 6px 16px rgba(212,175,55,.2); }.donation-modal #gdonations_web3d .tab-content { overflow:visible; }.donation-modal #gdonations_web3d .tab-pane { padding:0; }.donation-modal #gdonations_web3d #shumim, .donation-modal #gdonations_web3d #totalsum { height:auto; min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }.donation-modal #gdonations_web3d .select-sum-2pay { margin-bottom:1.75rem; color:#d4af37; font-weight:700; }.donation-modal #gdonations_web3d .select-sum-2pay > .row { display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; margin:1rem 0 0; }.donation-modal #gdonations_web3d .select-sum-2pay .badget-sum { display:flex; align-items:center; justify-content:center; width:auto; height:4.75rem; margin:0; border:2px solid rgba(140,157,187,.2); border-radius:.75rem; background:#0b172c; color:#f3f5f9; font-size:1.05rem; font-weight:800; line-height:1; cursor:pointer; transition:border-color .2s, background .2s, transform .2s; }.donation-modal #gdonations_web3d .select-sum-2pay .badget-sum:hover { border-color:#d4af37; background:rgba(212,175,55,.1); transform:translateY(-2px); }.donation-modal #gdonations_web3d .select-sum-2pay .badget-sum:first-child { border-color:#d4af37; box-shadow:inset 0 0 0 1px rgba(212,175,55,.22); }.donation-modal #gdonations_web3d label, .donation-modal #gdonations_web3d .form-label { color:rgba(237,241,248,.68); font-size:.8rem; }.donation-modal #gdonations_web3d input:not([type=checkbox]):not([type=radio]), .donation-modal #gdonations_web3d select, .donation-modal #gdonations_web3d textarea { height:3.15rem !important; border:1px solid rgba(140,157,187,.2) !important; border-radius:.7rem; background:#0a162a !important; color:#edf1f8 !important; box-shadow:none !important; }.donation-modal #gdonations_web3d input:focus, .donation-modal #gdonations_web3d select:focus, .donation-modal #gdonations_web3d textarea:focus { border-color:#d4af37 !important; outline:0; box-shadow:0 0 0 3px rgba(212,175,55,.12) !important; }.donation-modal #gdonations_web3d #datadonator { margin-top:1.5rem; margin-bottom:1.5rem; }.donation-modal #gdonations_web3d #totalsum, .donation-modal #gdonations_web3d #select_paymethod, .donation-modal #gdonations_web3d #endform { display:none; }.donation-modal #gdonations_web3d .btn.btn-primary.btn-submit { float:none; width:100%; height:3.7rem; margin:0; border:0; border-radius:.75rem; background:linear-gradient(135deg,#d4af37,#b8962e); color:#081428; font-weight:800; box-shadow:0 10px 20px rgba(212,175,55,.22); }.donation-modal #gdonations_web3d .btn.btn-primary.btn-submit:hover { background:#e2c657; color:#081428; }.donation-modal #gdonations_web3d #endform { margin-top:1.5rem; }.donation-modal #gdonations_web3d hr { border-color:rgba(140,157,187,.14); }
@media (max-width:760px) { .donation-modal { padding:.75rem; }.donation-modal__dialog { max-height:94svh; overflow:auto; }.donation-modal__layout { grid-template-columns:1fr; min-height:0; }.donation-modal__story { display:none; }.donation-modal__form { padding:3.75rem 1rem 1.5rem; overflow:visible; }.donation-modal__close { top:.75rem; left:.75rem; }.donation-modal #gdonations_web3d .select-sum-2pay > .row { grid-template-columns:repeat(2,1fr); } }
.donation-modal #gdonations_web3d #endform { display:flex; }
/* Normalize the legacy Bootstrap columns for the one-time form inside the modal. */
.donation-modal :is(#otime_payments, #monthly_payments) { display:flex; flex-direction:column; }.donation-modal :is(#otime_payments, #monthly_payments) > .row > .col-md-8, .donation-modal :is(#otime_payments, #monthly_payments) > .row > .col-md-4 { flex:0 0 100% !important; width:100% !important; max-width:100% !important; }.donation-modal #gdonations_web3d input[type=number] { appearance:textfield; -moz-appearance:textfield; }.donation-modal #gdonations_web3d input[type=number]::-webkit-inner-spin-button, .donation-modal #gdonations_web3d input[type=number]::-webkit-outer-spin-button { margin:0; -webkit-appearance:none; }.donation-modal #gdonations_web3d .margin-tb-50 { display:none; margin-top:1.25rem !important; margin-bottom:1.25rem !important; }
/* Keep the legal confirmation and primary action as a compact, readable footer. */
.donation-modal #gdonations_web3d #endform { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid rgba(140,157,187,.14); }.donation-modal #gdonations_web3d #endform .col-md-3 { display:none; }.donation-modal #gdonations_web3d #endform .col-md-5, .donation-modal #gdonations_web3d #endform .col-md-4 { flex:0 0 100%; width:100%; max-width:100%; padding:0; }.donation-modal #gdonations_web3d #endform .tt-title { margin:0 0 .65rem; color:rgba(237,241,248,.7); font-size:.78rem; line-height:1.55; }.donation-modal #gdonations_web3d #endform .tt-title a { color:#d4af37; }.donation-modal #gdonations_web3d #endform .form-check { display:flex; align-items:center; gap:.5rem; min-height:1.5rem; }.donation-modal #gdonations_web3d #endform .form-check-input { flex:0 0 auto; width:1.25rem; height:1.25rem; margin:0 !important; accent-color:#d4af37; }.donation-modal #gdonations_web3d #endform .form-check-label { margin:0; color:rgba(237,241,248,.78); font-size:.84rem; }.donation-modal #gdonations_web3d #endform .btn.btn-primary.btn-submit { display:flex; align-items:center; justify-content:center; min-height:3.7rem; margin:0; }
.donation-modal__dialog { max-height:calc(100svh - 2rem); overflow-x:hidden; overflow-y:auto; }
.wizo-footer { padding-block:4.5rem 2rem; background:#080f1e; border-top:1px solid rgba(212,175,55,.2); }.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; padding-bottom:3.5rem; border-bottom:1px solid rgba(212,175,55,.1); }.trust-grid div { padding:1.25rem; border:1px solid rgba(212,175,55,.1); border-radius:.75rem; text-align:center; }.trust-grid strong { display:block; color:var(--gold); font-size:.9rem; }.trust-grid span { color:rgba(248,249,250,.45); font-size:.75rem; }.footer-bottom { display:grid; grid-template-columns:auto 1fr auto; gap:2rem; align-items:center; padding-top:2.5rem; }.footer-bottom img { height:2.5rem; width:auto; opacity:.5; }.footer-bottom p { margin:0; color:rgba(248,249,250,.35); font-size:.8rem; text-align:center; }.footer-bottom nav { display:flex; flex-wrap:wrap; gap:1rem; }.footer-bottom a { color:rgba(248,249,250,.45); font-size:.8rem; text-decoration:none; }.footer-bottom a:hover { color:var(--gold); }
@media (max-width:900px) { .hero-grid, .story-grid { grid-template-columns:1fr; }.hero-copy { order:2; }.hero-image { order:1; width:min(100%,32rem); margin-inline:auto; }.impact-grid { grid-template-columns:repeat(2,1fr); }.targets-grid { grid-template-columns:repeat(2,1fr); }.statistics-grid, .trust-grid { grid-template-columns:repeat(2,1fr); }.footer-bottom { grid-template-columns:1fr; justify-items:center; }.footer-bottom nav { justify-content:center; } }
@media (max-width:560px) { .donation-container { width:min(100% - 2rem, 1200px); }.header-message { display:none; }.hero-grid { padding-block:3.5rem; }.hero-logo { height:56px; margin-bottom:1.5rem; }.hero-facts { width:100%; gap:.75rem; padding:1rem; }.hero-facts div + div { padding-right:.75rem; }.image-stat--top { left:-.4rem; }.image-stat--bottom { right:-.4rem; }.section { padding-block:4rem; }.impact-grid, .targets-grid, .statistics-grid, .trust-grid { grid-template-columns:1fr; }.impact-card { min-height:23rem; }.impact-card p { max-height:14rem; opacity:1; }.button-row .button { width:100%; }.story-grid { gap:2rem; } }

/* Motion recreated from the Base44 reference, without its React runtime. */
.donation-header { position:fixed; inset:0 0 auto; transform:translateY(-110%); transition:transform .4s ease-out; }
.donation-header.is-visible { transform:translateY(0); }
.hero { min-height:100svh; }
.hero-media { animation:hero-image-drift 14s ease-in-out infinite; }
.image-stat--bottom { animation:bottom-stat-drift 5s ease-in-out infinite; }
.button:active { transform:scale(.97); }
.impact-card { cursor:pointer; border:2px solid transparent; }
.impact-card > img { z-index:0; }
.impact-card::after { z-index:1; transition:background .5s ease; }
.impact-card::before { content:""; position:absolute; z-index:3; inset:0; border:2px solid transparent; border-radius:1rem; pointer-events:none; transition:border-color .5s ease; }
.impact-card__content { z-index:2; }
.impact-card p { max-height:none; transform:translateY(1rem); transition:opacity .5s ease, transform .5s ease; }
.impact-card:hover::after { background:linear-gradient(to top, rgba(10,20,40,.95) 0%,rgba(10,20,40,.7) 55%,rgba(10,20,40,.2)); }
.impact-card:hover::before { border-color:rgba(212,175,55,.3); }
.impact-card:hover p { max-height:none; transform:translateY(0); }
.target { transition:transform .3s ease, border-color .3s ease, background .3s ease; }
.target:hover { transform:translateY(-4px); }
.story-image img { transition:transform .7s ease; }.story-image:hover img { transform:scale(1.05); }
[data-reveal] { opacity:0; transform:translateY(30px); transition:opacity .6s ease-out var(--reveal-delay, 0ms), transform .6s ease-out var(--reveal-delay, 0ms); }
[data-reveal="from-right"] { transform:translateX(30px); transition-duration:.8s; }
[data-reveal="from-left"] { transform:translateX(-30px); transition-duration:.8s; }
[data-reveal].is-revealed { opacity:1; transform:translate(0); }
@keyframes hero-image-drift { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-12px) scale(1.08); } }
@keyframes bottom-stat-drift { 0%,100% { transform:translateX(0); } 50% { transform:translateX(-28px); } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } [data-reveal] { opacity:1; transform:none; } }