@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--teal:#08464d;--deep:#082e35;--green:#166f52;--mint:#eaf5ef;--gold:#d4a94d;--ink:#162d34;--muted:#5c7076;--bg:#fcfdfb;--line:#dce8e3;--cream:#f7f4eb;--shadow:0 18px 50px rgba(10,53,59,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'DM Sans',sans-serif;color:var(--ink);font-size:15px;line-height:1.7}body.modal-open{overflow:hidden}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.2;letter-spacing:-.045em;margin:0;color:var(--deep)}h1{font-size:clamp(39px,5.6vw,78px);font-weight:800}h2{font-size:clamp(30px,3.35vw,48px);font-weight:800}h3{font-size:21px;font-weight:800}p{margin:12px 0;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 42px));margin:auto}.site-header{height:85px;background:rgba(255,255,255,.95);position:sticky;z-index:30;top:0;border-bottom:1px solid #e6eee9;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:240px}.brand-mark{width:57px;height:57px;object-fit:contain;border-radius:12px}.brand-text{font-family:Manrope,sans-serif;font-size:17px;line-height:1.13;color:var(--teal);font-weight:800;letter-spacing:-.6px}.brand-text small{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:.05em;color:#71817a;margin-top:5px}.nav{display:flex;gap:23px;align-items:center;margin-left:auto}.nav a{font-size:13px;font-weight:700;white-space:nowrap;color:#355059}.nav a:hover,.nav a.active{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;gap:10px;padding:15px 25px;background:var(--green);color:white;border-radius:9px;font-weight:800;font-size:13px;line-height:1.25;transition:transform .2s,background .2s;box-shadow:0 8px 18px #166f5221}.btn:hover{background:#0a593f;transform:translateY(-2px)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-outline{border:1px solid #b7d2c6;background:white;color:var(--teal);box-shadow:none}.btn-outline:hover{background:#eef5f1;color:var(--teal)}.btn-gold{background:var(--gold);color:#203232}.header-btn{padding:13px 20px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--deep);margin-left:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.19em;font-weight:800;color:#278060;display:flex;align-items:center;gap:9px;margin-bottom:18px}.eyebrow:before{content:'';width:23px;height:2px;background:var(--gold)}.hero{background:linear-gradient(116deg,#f0f9f1 5%,#fbf8ef 70%,#f8f8f4);overflow:hidden;position:relative}.hero:after{content:'';position:absolute;bottom:-180px;left:-160px;width:400px;height:400px;border-radius:50%;background:#c6e3d688;filter:blur(70px)}.hero-grid{min-height:660px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px;padding-top:65px;padding-bottom:76px;position:relative;z-index:1}.hero h1 span{color:var(--green)}.hero p{font-size:17px;max-width:510px;line-height:1.85;margin:23px 0 31px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.micro-trust{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:42px;font-size:12px;font-weight:700;color:#4c6665}.micro-trust span{display:flex;align-items:center;gap:8px}.micro-trust svg{color:var(--green)}.hero-visual{height:525px;position:relative}.hero-photo{position:absolute;inset:0 24px 24px 40px;object-fit:cover;width:calc(100% - 64px);height:calc(100% - 24px);border-radius:185px 185px 22px 22px;box-shadow:0 22px 65px #16362a25}.hero-floating{position:absolute;bottom:30px;left:0;background:white;padding:19px 22px;border-radius:14px;box-shadow:var(--shadow);max-width:245px;border:1px solid #e9efeb}.hero-floating b{display:block;font-family:Manrope,sans-serif;color:var(--deep)}.hero-floating small{color:var(--muted)}.circle-badge{position:absolute;top:15px;right:-8px;background:#fff9e5;border:8px solid white;border-radius:100%;width:102px;height:102px;display:grid;place-items:center;text-align:center;font-size:12px;color:var(--teal);font-weight:800;box-shadow:var(--shadow);line-height:1.5}.section{padding:95px 0}.section-soft{background:#f3f8f5}.section-cream{background:#f9f7f0}.center{text-align:center}.center .eyebrow{justify-content:center}.section-lead{max-width:620px;margin:18px auto 40px;font-size:16px}.grid{display:grid;gap:23px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.cause-card{background:white;border:1px solid #e7ece8;border-radius:16px;overflow:hidden;box-shadow:0 9px 30px #0e3c3d08;transition:transform .2s}.cause-card:hover{transform:translateY(-5px)}.card-image{height:210px;width:100%;object-fit:cover;background:#d7e6dd}.cause-body{padding:26px}.tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#277957;background:#e4f4e9;border-radius:99px;padding:5px 11px;margin-bottom:15px}.cause-body p{min-height:72px;font-size:14px}.text-link{font-weight:800;color:var(--green);font-size:13px;background:none;border:0;padding:0}.intro-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.portrait{width:100%;height:500px;object-fit:cover;border-radius:18px 170px 18px 18px}.feature-list{display:grid;gap:16px;margin:26px 0}.feature{display:flex;gap:14px;align-items:flex-start}.feature .glyph{background:#e9f6ed;border-radius:10px;padding:9px;width:44px;height:44px;display:grid;place-items:center;color:var(--green);font-size:22px;flex-shrink:0}.feature b{font-size:15px;color:var(--deep)}.feature small{display:block;color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.step{position:relative;border:1px solid var(--line);border-radius:15px;padding:30px;background:white}.step-num{width:47px;height:47px;border-radius:12px;background:var(--teal);color:white;display:grid;place-items:center;font:800 17px Manrope;margin-bottom:22px}.step p{font-size:14px}.notice{background:#f0f6f1;border:1px solid #d5e6d8;border-radius:12px;padding:18px 22px;font-size:13px;color:#44635b}.note-light{font-size:12px;color:#78908d}.cta-band{background:var(--deep);padding:78px 0;color:white;position:relative;overflow:hidden}.cta-band:before{content:'♡';font-size:400px;position:absolute;right:9%;top:-195px;color:#ffffff09;line-height:1}.cta-band h2{color:white;max-width:660px}.cta-band p{max-width:600px;color:#bcd7d0;margin:19px 0 27px}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.gallery-grid img{height:260px;width:100%;object-fit:cover;border-radius:12px}.gallery-grid img:first-child{grid-row:span 2;height:534px}.footer{padding:75px 0 28px;background:#062c32;color:#bdd1ce}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px}.footer h4{color:white;font:800 15px Manrope;margin-bottom:20px}.footer a{display:block;color:#bdd1ce;font-size:13px;margin:8px 0}.footer a:hover{color:#fff}.footer p{color:#bdd1ce;font-size:13px}.footer .brand-text{color:white}.footer-bottom{border-top:1px solid #ffffff21;margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:12px}.page-hero{background:linear-gradient(130deg,#e8f5ed,#f8f7ec);padding:76px 0 80px}.page-hero h1{font-size:clamp(38px,4.5vw,58px)}.page-hero p{max-width:670px;font-size:16px}.breadcrumb{font-size:12px;font-weight:800;color:#3d856c;letter-spacing:.04em;margin-bottom:22px}.content{max-width:850px}.content h2{font-size:25px;margin:30px 0 12px}.content h3{font-size:18px;margin:23px 0 12px}.content p,.content li{font-size:15px;line-height:1.95}.content ul{padding-left:22px}.activity-card{padding:27px;background:white;border-radius:15px;border:1px solid var(--line)}.activity-card .icon{font-size:30px;display:block;margin-bottom:12px}.activity-card p{font-size:14px}.form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.form-card{border:1px solid var(--line);padding:32px;border-radius:17px;background:white}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-weight:800;color:#3a5554;font-size:12px}.field input,.field textarea,.field select{border:1px solid #d5e1db;border-radius:9px;width:100%;background:#fff;padding:13px 14px;outline:none;color:var(--deep);font-size:14px}.field input:focus,.field textarea:focus{border-color:#2a8760;box-shadow:0 0 0 3px #21895c18}.donation-page-card{max-width:780px;margin:auto;box-shadow:var(--shadow);background:white;border-radius:20px;padding:45px}.donation-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.donation-list .option{background:#f5faf6;border:1px solid #d9e8dd;padding:23px 10px;text-align:center;border-radius:12px;font:800 20px Manrope;color:var(--deep);cursor:pointer}.donation-list .option:hover{border-color:var(--green);background:#eaf6ef}.modal-backdrop{position:fixed;inset:0;background:rgba(3,25,28,.76);display:grid;place-items:center;padding:12px;z-index:100;overflow-y:auto}.modal{position:relative;max-width:495px;width:100%;background:white;max-height:min(96vh,900px);overflow:auto;border-radius:18px;box-shadow:0 30px 90px #0004}.modal-cover{height:124px;width:100%;object-fit:cover}.modal-inner{padding:23px 29px 27px}.modal h2{font-size:25px;margin:0 0 7px}.modal p{font-size:12px;margin:4px 0 14px}.modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;background:#fff;color:#183d40;border-radius:50%;font-size:25px;box-shadow:var(--shadow)}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 12px}.amount{border:1px solid #d4e4dc;background:white;border-radius:9px;font-weight:800;color:#24463e;padding:12px 6px}.amount.selected{background:var(--green);border-color:var(--green);color:white}.modal .field{margin-bottom:10px}.modal .field input,.modal .field select,.modal .field textarea{padding:10px 11px;font-size:13px}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#4d6361;margin:12px 0}.check-row input{margin-top:4px;accent-color:var(--green)}.check-row a{color:var(--green);text-decoration:underline}.error{color:#b3261e;font-size:12px;font-weight:700;margin-top:9px;min-height:18px}.pill{padding:5px 11px;border-radius:99px;background:#ecf6ef;color:#246a50;font-weight:800;font-size:12px;display:inline-block}.receipt{background:#f5f9f5;border:1px solid var(--line);border-radius:12px;padding:27px;margin-top:23px}.receipt .line{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #dce8df;overflow-wrap:anywhere}.receipt .line:last-child{border-bottom:0}.receipt span{color:var(--muted)}.status{font-size:13px;font-weight:800}.status.pending{color:#ae6d0b}.status.paid{color:var(--green)}.status.failed{color:#b3261e}@media(max-width:1080px){.nav{gap:13px}.brand{min-width:210px}.brand-text{font-size:15px}.header-btn{padding:12px}.nav a{font-size:12px}}@media(max-width:850px){.site-header{height:75px}.menu-toggle{display:block}.header-btn{display:none}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px 24px 26px;background:white;box-shadow:0 15px 22px #032d3214;flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.nav a{font-size:15px}.hero-grid{grid-template-columns:1fr;padding-top:57px;gap:25px}.hero-visual{height:430px}.hero-photo{inset:0 16px 18px 23px;width:calc(100% - 45px)}.intro-grid,.story-grid{grid-template-columns:1fr;gap:35px}.portrait{height:420px}.grid-3,.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.form-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img:first-child{height:260px;grid-row:auto}}@media(max-width:560px){.container{width:min(100% - 34px,1160px)}h1{font-size:43px}.hero-grid{padding-top:47px;padding-bottom:55px}.hero p{font-size:15px}.hero-visual{height:340px}.hero-floating{padding:12px 15px;max-width:205px}.circle-badge{width:78px;height:78px;font-size:10px;right:-3px}.micro-trust{gap:12px;margin-top:27px}.section{padding:65px 0}.grid-3,.grid-2,.steps{grid-template-columns:1fr}.cause-body p{min-height:0}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block}.page-hero{padding:53px 0}.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.gallery-grid img,.gallery-grid img:first-child{height:160px}.brand-mark{width:48px;height:48px}.brand-text{font-size:14px}.brand{min-width:0}.modal-inner{padding:21px}.modal-cover{height:105px}.modal .field{margin-bottom:8px}.donation-page-card{padding:24px}.donation-list{grid-template-columns:repeat(2,1fr)}.btn{padding:14px 20px}.form-card{padding:23px}}

/* Legacy donation styles. The live Razorpay checkout opens on a dedicated page. */
.payment-modal .donation-secure{font-size:12px;font-weight:700;color:#176f51;margin:18px 0}
.payment-modal .btn-payment-continue{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:54px;margin:16px 0 20px;font-size:15px}
.payment-modal .note-light{line-height:1.7;color:#6f8680}
.modal-open{overflow:hidden}

/* Mobile-first donation flow, visible clickable controls, no embedded gateway form. */
.donation-modal{width:min(100%,510px);max-width:510px;border-radius:24px;max-height:min(92dvh,870px);overflow:auto;overscroll-behavior:contain}
.donation-head{padding:26px 28px 16px;background:linear-gradient(130deg,#eef9f1,#fff9ed);text-align:center}
.donation-head .eyebrow{justify-content:center;margin:7px 0 9px;font-size:10px}
.donation-heart{width:48px;height:48px;display:grid;place-items:center;margin:auto;background:#e1f3e7;color:#187455;border-radius:50%;font-size:24px}
.donation-head h2{font-size:clamp(23px,5vw,30px);letter-spacing:-.04em}
.donation-head p{font-size:13px;margin:8px 0 0}
.donation-form{padding:18px 28px 25px}
.amount-fieldset{border:0;padding:0;margin:0}
.amount-fieldset legend{font-size:13px;font-weight:800;color:var(--deep)}
.donation-form .amounts{margin:11px 0 18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.donation-form .amount{min-height:49px;padding:8px 4px;border-radius:12px;font:800 15px Manrope,sans-serif}
.donation-form .field{margin:0 0 13px}
.donation-form .field label{font-size:12px}
.donation-form .field input{font-size:16px;padding:13px;min-height:47px;border-radius:12px}
.optional{font-weight:500;color:#82918a}
.donation-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 13px;padding:13px 16px;border-radius:12px;background:#eff8f1;color:#315d4d;font-size:13px}
.donation-total strong{font:800 21px Manrope,sans-serif;color:#096844}
.donation-pay-btn{width:100%;min-height:56px;display:flex;justify-content:space-between;gap:8px;font-size:15px;padding:14px 20px;border-radius:13px;background:linear-gradient(120deg,#137451,#0b6348);box-shadow:0 10px 22px #166f5233}
.donation-pay-btn span:last-child{font-size:22px}
.donation-feedback{min-height:0;font-size:12px;margin-top:8px;color:#ba302b;font-weight:700}
.donation-feedback:empty{display:none}
.donation-disclaimer{font-size:11px!important;line-height:1.65;margin:13px 0 0!important;text-align:center;color:#6f817c}
.custom-amount[hidden]{display:none}
@media(max-width:560px){
 .site-header{height:68px}.header-inner{gap:8px}.brand-mark{width:43px;height:43px}.brand-text{font-size:12px}.brand-text small{font-size:7px}
 .nav{top:67px}.modal-backdrop{padding:0;align-items:end}.donation-modal{border-radius:22px 22px 0 0;width:100%;max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom)}
 .donation-head{padding:19px 19px 13px}.donation-form{padding:14px 18px 18px}
 .donation-modal .modal-close{width:36px;height:36px;top:10px;right:10px}
 .donation-form .amounts{gap:8px;margin:9px 0 13px}.donation-form .amount{min-height:48px;font-size:14px}
 .donation-form .field{margin-bottom:9px}.donation-form .field input{min-height:45px;padding:10px 12px}
 .donation-total{margin:10px 0;padding:9px 13px}.donation-pay-btn{min-height:53px}
 .hero-actions .btn{width:100%}.hero-actions{align-items:stretch}.hero-grid{padding-top:35px}.hero h1{font-size:clamp(34px,9vw,43px)}
}
@media(max-width:380px){.donation-head{padding:13px 16px 10px}.donation-heart{height:40px;width:40px;font-size:19px}.donation-form{padding:12px 14px}.donation-form .amount{font-size:13px;min-height:44px}.donation-form .field input{min-height:42px}.donation-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}