*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#062e24}body{overflow-x:hidden}.scene{position:relative;min-height:100vh;overflow:hidden;padding:clamp(18px,3vw,42px);background:radial-gradient(circle at 50% 8%,rgba(255,255,205,.42),transparent 25%),linear-gradient(180deg,#0f7254 0%,#07513d 34%,#053a31 67%,#032a25 100%)}.scene:before,.scene:after{content:"";position:absolute;inset:-10%;pointer-events:none}.scene:before{background:radial-gradient(ellipse at 8% 16%,rgba(25,120,55,.92) 0 16%,transparent 17%),radial-gradient(ellipse at 23% 8%,rgba(30,145,70,.85) 0 13%,transparent 14%),radial-gradient(ellipse at 85% 12%,rgba(25,120,55,.92) 0 16%,transparent 17%),radial-gradient(ellipse at 72% 3%,rgba(30,145,70,.85) 0 13%,transparent 14%);filter:blur(2px);animation:canopy 10s ease-in-out infinite alternate}.scene:after{background:radial-gradient(ellipse at 0% 80%,rgba(13,90,45,.9) 0 24%,transparent 25%),radial-gradient(ellipse at 100% 80%,rgba(13,90,45,.9) 0 24%,transparent 25%)}.sun-rays{position:absolute;top:-20%;left:50%;width:70vw;height:80vh;transform:translateX(-50%);background:conic-gradient(from 160deg,transparent,rgba(255,255,220,.18),transparent 14%,rgba(255,255,220,.1),transparent 28%);filter:blur(6px);animation:rays 16s linear infinite}.brand{position:relative;z-index:5;text-align:center;max-width:980px;margin:0 auto 16px;text-shadow:0 3px 18px rgba(0,0,0,.45)}.church{margin:0 0 4px;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:#ffd166;font-size:clamp(.82rem,1.6vw,1.05rem)}h1{margin:0;font-size:clamp(2.8rem,8vw,6.6rem);line-height:.92;letter-spacing:-.05em}.subtitle{margin:9px 0 0;font-weight:700;font-size:clamp(.9rem,2.1vw,1.4rem)}.stage{position:relative;z-index:4;min-height:70vh;max-width:1200px;margin:0 auto;display:grid;place-items:center}.cliff{position:absolute;top:3%;left:50%;width:clamp(240px,35vw,460px);height:clamp(270px,43vh,500px);transform:translateX(-50%);border-radius:42% 44% 20% 20%;background:radial-gradient(circle at 35% 25%,#6a745f 0 8%,transparent 9%),radial-gradient(circle at 70% 42%,#4d5f4e 0 10%,transparent 11%),linear-gradient(125deg,#53634d,#263b32 56%,#182b25);box-shadow:inset 0 0 0 5px rgba(255,255,255,.04),0 28px 45px rgba(0,0,0,.33)}.waterfall{position:absolute;top:3%;left:50%;width:40%;height:112%;transform:translateX(-50%);border-radius:45% 45% 28% 28%;background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(117,229,248,.95),rgba(255,255,255,.62),rgba(34,166,205,.95));filter:drop-shadow(0 0 18px rgba(129,238,255,.55));overflow:hidden}.waterfall span{position:absolute;top:-45%;width:24%;height:155%;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.72),transparent);animation:drop 1.8s linear infinite}.waterfall span:nth-child(1){left:13%;animation-delay:-.4s}.waterfall span:nth-child(2){left:42%;animation-delay:-.9s}.waterfall span:nth-child(3){left:68%;animation-delay:-1.35s}.lagoon{position:absolute;left:50%;bottom:7%;width:min(92vw,1050px);height:clamp(170px,27vh,300px);transform:translateX(-50%);border-radius:50% 50% 42% 42%;overflow:hidden;background:rgba(3,51,63,.55);box-shadow:inset 0 12px 30px rgba(255,255,255,.16),inset 0 -24px 50px rgba(0,40,65,.45),0 30px 70px rgba(0,0,0,.4);border:4px solid rgba(180,244,244,.16)}.water-level{position:absolute;left:0;right:0;bottom:0;height:8%;background:linear-gradient(180deg,rgba(77,230,245,.92),rgba(17,157,203,.95) 48%,rgba(3,96,147,.98));transition:height 1.8s cubic-bezier(.2,.8,.2,1)}.wave{position:absolute;left:-10%;width:120%;height:45px;border-radius:45%;border-top:5px solid rgba(235,255,255,.58);animation:wave 5s ease-in-out infinite alternate;opacity:.75}.wave-one{top:18%}.wave-two{top:31%;animation-delay:-2.4s;opacity:.4}.progress-card{position:relative;z-index:8;width:min(88vw,720px);margin-top:25vh;padding:clamp(18px,3vw,30px);text-align:center;border-radius:28px;background:linear-gradient(180deg,rgba(4,38,34,.76),rgba(3,30,28,.87));backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.36)}.eyebrow{margin:0;color:#ffd166;font-weight:900;letter-spacing:.11em;text-transform:uppercase;font-size:clamp(.78rem,1.5vw,1rem)}.amount{margin-top:2px;font-size:clamp(3.2rem,10vw,7.6rem);line-height:.95;font-weight:950;letter-spacing:-.06em;text-shadow:0 6px 24px rgba(0,0,0,.4)}.goal-line{margin:6px 0 17px;font-size:clamp(1rem,2.4vw,1.4rem)}.progress-track{height:clamp(20px,3vw,32px);overflow:hidden;border-radius:999px;background:rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.16)}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8bd450,#ffd166);transition:width 1.8s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 24px rgba(255,209,102,.48)}.stats{display:flex;justify-content:space-between;gap:15px;margin-top:10px;font-size:clamp(.85rem,1.7vw,1.05rem)}.message{margin:16px auto 0;max-width:610px;color:#fff8dc;font-weight:650;line-height:1.35}.footer{position:relative;z-index:10;max-width:1100px;margin:14px auto 0;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:18px;background:rgba(1,30,26,.68);border:1px solid rgba(255,255,255,.12)}.footer div{display:grid;gap:3px}.footer span{opacity:.75;font-size:.85rem}.give-button{flex:0 0 auto;text-decoration:none;color:#133824;background:#ffd166;padding:12px 18px;border-radius:999px;font-weight:950}.rainbow{position:absolute;top:4%;left:50%;width:min(80vw,860px);height:330px;transform:translateX(-50%);border-radius:50% 50% 0 0;border:20px solid transparent;border-top-color:rgba(255,92,92,.78);box-shadow:0 -12px 0 rgba(255,188,69,.72),0 -24px 0 rgba(255,235,86,.68),0 -36px 0 rgba(93,210,112,.62),0 -48px 0 rgba(83,171,255,.58),0 -60px 0 rgba(147,103,255,.54);opacity:0;transition:opacity 1.4s ease;filter:drop-shadow(0 0 24px rgba(255,255,255,.25))}.rainbow.visible{opacity:.92}.bird,.butterfly{position:absolute;z-index:6;opacity:0;pointer-events:none}.bird.visible,.butterfly.visible{opacity:1}.bird-one{top:18%;left:-10%;animation:fly 13s linear infinite}.bird-two{top:28%;left:-18%;animation:fly 16s linear infinite 4s}.butterfly-one{top:38%;left:12%;animation:flutter 4.2s ease-in-out infinite}.butterfly-two{top:29%;right:14%;animation:flutter 5.5s ease-in-out infinite -2s}.mist{position:absolute;z-index:3;width:50vw;height:120px;border-radius:50%;background:rgba(230,255,255,.12);filter:blur(28px);animation:mist 12s ease-in-out infinite alternate}.mist-one{left:4%;bottom:18%}.mist-two{right:2%;bottom:25%;animation-delay:-5s}#confetti{position:fixed;inset:0;z-index:50;pointer-events:none;width:100%;height:100%}@keyframes drop{from{transform:translateY(-20%);opacity:.1}45%{opacity:.75}to{transform:translateY(70%);opacity:.05}}@keyframes canopy{from{transform:rotate(-1deg) scale(1.02)}to{transform:rotate(1deg) scale(1.05)}}@keyframes rays{to{transform:translateX(-50%) rotate(360deg)}}@keyframes wave{from{transform:translateX(-2%) rotate(-1deg)}to{transform:translateX(2%) rotate(1deg)}}@keyframes mist{from{transform:translateX(-6%) scale(.95)}to{transform:translateX(8%) scale(1.08)}}@keyframes fly{from{transform:translateX(0) translateY(0) scale(1.25)}to{transform:translateX(125vw) translateY(-60px) scale(1.25)}}@keyframes flutter{0%,100%{transform:translate(0,0) rotate(-7deg) scale(1.1)}50%{transform:translate(35px,-30px) rotate(12deg) scale(1.35)}}@media(max-width:720px){.scene{padding:16px}.stage{min-height:73vh}.progress-card{margin-top:23vh}.stats{flex-direction:column;gap:4px}.footer{align-items:stretch;flex-direction:column;text-align:center}.give-button{text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}