@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#172b3a;--deep:#102c40;--cream:#f8f5ef;--paper:#fffdf9;--red:#bf302d;--gold:#e5a72e;--muted:#6c777c;--line:#e7e1d7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}.topbar{height:34px;background:#123247;color:#dce8ed;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.topbar a{color:#fff;text-decoration:none;font-weight:700}.site-header{height:86px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #eef0ef;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:12px;line-height:1.1}.brand img{width:45px;height:45px;object-fit:contain}.brand b{font-size:13px}nav{display:flex;gap:30px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}.nav-donate{background:var(--red);color:#fff;padding:10px 19px;border-radius:3px}.menu{display:none;background:none;border:0;font-size:24px}.campaign-hero{min-height:620px;background:linear-gradient(105deg,#102b3d 0%,#1c3c4c 45%,#6c7476 100%);color:#fff;position:relative;overflow:hidden;padding:90px max(5vw,24px);display:flex;align-items:center}.hero-content{position:relative;z-index:2;width:min(670px,100%)}.tag,.section-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--red);text-transform:uppercase}.campaign-hero .tag{display:inline-block;background:var(--gold);color:#182b37;border-radius:99px;padding:7px 13px}.eyebrow{font-size:11px;letter-spacing:.13em;margin:24px 0 8px;color:#b8c9d0}.hero-content h1{font-size:clamp(44px,6vw,82px);line-height:.98;margin:0 0 24px;letter-spacing:-.04em}.hero-content h1 span{font-family:'Playfair Display',serif;font-style:italic;font-weight:600}.hero-text{max-width:600px;color:#e1e8eb;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;border-radius:4px;text-decoration:none;border:1px solid transparent;font-size:13px;font-weight:700;cursor:pointer}.primary{background:var(--red);color:#fff}.primary:hover{background:#a92424}.ghost{border-color:#9aabb2;color:#fff}.light{background:#fff;color:var(--ink)}.hero-art{position:absolute;inset:0;opacity:.65}.mountain{position:absolute;bottom:90px;width:70vw;height:400px;background:linear-gradient(145deg,#263b46,#758188);clip-path:polygon(0 100%,45% 10%,65% 42%,82% 0,100% 100%)}.m1{right:-5vw}.m2{left:30vw;transform:scaleX(-1);opacity:.7}.water{position:absolute;bottom:0;height:130px;width:100%;background:linear-gradient(#526f7d,#243f4c);transform:skewY(-2deg)}.rain{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 48px,rgba(255,255,255,.07) 49px 50px,transparent 51px 92px)}.campaign-layout{max-width:1220px;margin:-60px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:0 30px 110px}.story{padding-top:120px}.story h2,.impact h2,.updates h2,.how h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.03em;margin:12px 0 24px}.story h2 em,.impact h2 em,.how h2 em,.cta h2 em{font-family:'Playfair Display',serif;font-weight:600}.story p{font-size:17px;color:#556269;max-width:700px}.story blockquote{border-left:3px solid var(--gold);margin:34px 0;padding:12px 24px;font-family:'Playfair Display',serif;font-size:25px;line-height:1.35}.story-image{height:260px;background:linear-gradient(145deg,#d7b673,#75513c);position:relative;border-radius:8px;overflow:hidden}.story-image:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(9,32,42,.5))}.image-label{position:absolute;left:28px;bottom:24px;color:#fff;font-family:'Playfair Display',serif;font-size:28px;z-index:2}.houses{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:end}.houses i{width:70px;height:70px;background:#eee0c2;position:relative}.houses i:before{content:"";position:absolute;top:-35px;left:-8px;border-left:43px solid transparent;border-right:43px solid transparent;border-bottom:36px solid #9a5542}.houses i:nth-child(2){height:110px}.donation-card{background:#fff;box-shadow:0 25px 60px rgba(19,36,44,.16);border-radius:8px;padding:32px;align-self:start}.card-head{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:7px}.donation-card h3{font-size:30px;line-height:1.1;margin:14px 0 25px}.amount{display:flex;align-items:baseline;gap:8px}.amount strong{font-size:28px}.amount span,.stats,.secure{font-size:11px;color:var(--muted)}.progress{height:8px;background:#ece8e1;border-radius:20px;margin:14px 0}.progress span{display:block;height:100%;background:var(--red);border-radius:20px}.stats{display:flex;justify-content:space-between;margin-bottom:26px}.stats b{color:var(--ink)}label{font-size:12px;font-weight:700;display:block;margin:14px 0 8px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-amounts button{background:#fff;border:1px solid var(--line);padding:10px 3px;border-radius:3px;font-size:11px;cursor:pointer}.quick-amounts button.active{background:var(--deep);color:#fff;border-color:var(--deep)}.input-wrap{display:flex;border:1px solid var(--line);margin:10px 0}.input-wrap span{padding:11px 13px;background:#f5f2ed}.input-wrap input{border:0!important;margin:0!important}.donation-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;margin:5px 0;font:inherit;font-size:13px}.donate-submit{width:100%;margin-top:12px}.secure{text-align:center;margin:14px 0 0}.donation-card details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:var(--muted)}.donation-card summary{cursor:pointer;font-weight:700}.impact{background:var(--cream);padding:105px max(5vw,24px)}
.impact-intro{max-width:900px;margin:0 auto;text-align:center}.impact-intro h2{font-size:clamp(34px,4vw,62px);line-height:1.08;letter-spacing:-.03em;margin:12px 0}.impact-intro p{max-width:760px;margin:0 auto;color:var(--muted);font-size:16px}
.impact-grid{max-width:1460px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.impact-card{background:#fff;border:1px solid #e8e2d8;border-radius:14px;overflow:hidden;box-shadow:0 14px 35px rgba(24,39,48,.08);transition:transform .2s ease,box-shadow .2s ease}.impact-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(24,39,48,.13)}.impact-photo{height:210px;overflow:hidden;background:#d9e0e2}.impact-photo img{width:100%;height:100%;display:block;object-fit:cover}.impact-card-body{padding:0 26px 26px;position:relative}.impact-card .icon{width:72px;height:72px;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(18,38,50,.13);display:grid;place-items:center;font-size:31px;margin-top:-36px;position:relative;z-index:2}.impact-card h3{font-size:24px;margin:18px 0 10px;line-height:1.15}.impact-card p{font-size:15px;min-height:76px;color:#5f6b72;margin:0 0 18px}.impact-note{background:#f1f3ef;border-radius:7px;padding:12px 13px;color:#34434b;font-size:13px;line-height:1.45}.impact-note::first-letter{color:#267448}.impact-callout{max-width:1460px;margin:30px auto 0;background:#fff;border:1px solid #e5dfd6;border-radius:14px;padding:24px 28px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 30px rgba(24,39,48,.06)}.callout-heart{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#fff3f1;color:var(--red);font-size:31px}.impact-callout>div:nth-child(2){flex:1}.impact-callout strong{display:block;font-size:20px;line-height:1.25}.impact-callout span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.impact-callout .btn{white-space:nowrap}
.how{max-width:1220px;margin:auto;padding:110px 30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps b{font-size:13px;color:var(--red);letter-spacing:.1em}.steps h3{font-size:18px;margin:8px 0}.steps p{font-size:13px;color:var(--muted)}.updates{background:#eef2f1;padding:105px max(5vw,24px)}.updates>h2,.updates>.section-kicker,.update-list{max-width:1050px;margin-left:auto;margin-right:auto}.update-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.update-list article{background:#fff;padding:28px;border-left:3px solid var(--red)}.update-list span{font-size:10px;font-weight:800;color:var(--red);letter-spacing:.12em}.update-list h3{margin:10px 0 5px}.update-list p{font-size:13px;color:var(--muted)}.cta{background:var(--deep);color:#fff;padding:85px max(7vw,24px);display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:14px 0 0}footer{background:#0c2434;color:#c6d1d5;padding:65px max(5vw,24px) 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px;font-size:12px}footer h4{color:#fff;margin:0 0 15px}footer a{display:block;color:#c6d1d5;text-decoration:none;margin:7px 0}.footer-brand img{width:55px;background:#fff;border-radius:4px;padding:4px}.footer-brand p{max-width:300px}.copyright{grid-column:1/-1;border-top:1px solid #34505e;padding-top:20px;margin-top:20px;font-size:10px}.donation-modal{position:fixed;inset:0;background:rgba(5,20,29,.72);z-index:99;display:grid;place-items:center;padding:20px}.modal-box{background:#fff;max-width:460px;padding:42px;text-align:center;border-radius:8px;position:relative}.modal-box button{position:absolute;right:14px;top:8px;border:0;background:none;font-size:30px}.modal-icon{font-size:35px;color:var(--red)}.modal-box h2{font-size:30px;line-height:1.1}.upi{background:#f4f1ea;padding:10px;font-family:monospace}
@media(max-width:900px){nav{display:none}.menu{display:block}.campaign-layout{grid-template-columns:1fr;gap:0;margin:-25px auto 0}.story{padding-top:70px}.donation-card{order:-1}.impact-grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr;gap:30px}.cta{flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:600px){.topbar{font-size:9px}.site-header{height:70px}.campaign-hero{min-height:650px;padding-top:60px}.hero-content h1{font-size:48px}.hero-actions{flex-direction:column;align-items:flex-start}.campaign-layout{padding:0 18px 70px}.donation-card{padding:23px}.quick-amounts{grid-template-columns:repeat(2,1fr)}.impact{padding:75px 18px}.impact-grid,.update-list,.steps{grid-template-columns:1fr}.how{padding:75px 24px}.cta{padding:65px 24px}footer{grid-template-columns:1fr;padding:55px 24px 25px}.footer-brand{grid-column:auto}.story-image{height:220px}}
/* Nepal relief visual update */
.hero-art{overflow:hidden}
.hero-art img{width:100%;height:100%;display:block;object-fit:cover;opacity:.9}
.story-visual{position:relative;overflow:hidden;background:#17324a;min-height:300px}
.story-visual img{display:block;width:100%;height:100%;object-fit:cover;min-height:300px}
.story-visual .image-label{position:absolute;left:20px;bottom:18px;background:rgba(16,38,54,.82);color:#fff;padding:10px 14px;border-radius:8px}

/* Real Nepal flood photographs */
.campaign-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,39,.88) 0%,rgba(9,34,48,.68) 48%,rgba(8,24,34,.28) 100%);z-index:1}.hero-art{opacity:1}.hero-art img{filter:contrast(1.04) saturate(.82)}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.photo-gallery figure{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}.photo-gallery img{width:100%;height:170px;object-fit:cover;display:block}.photo-gallery figcaption{font-size:11px;line-height:1.45;padding:10px 11px;color:#5c676d}.photo-credit{font-size:10px;color:#7b8589;margin:10px 0 4px;line-height:1.5}@media(max-width:700px){.photo-gallery{grid-template-columns:1fr}.photo-gallery img{height:210px}}

@media(max-width:1100px){.impact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.impact-grid{grid-template-columns:1fr}.impact-photo{height:240px}.impact-card p{min-height:0}.impact-callout{flex-direction:column;align-items:flex-start;padding:22px}.impact-callout .btn{width:100%}.impact-intro{text-align:left}.impact-intro p{margin-left:0}}
/* ===== Vibrant interactive campaign refresh ===== */
:root{--coral:#ef3d36;--orange:#ff8b2b;--blue:#1f7ae0;--purple:#7048e8;--green:#15965d;--pink:#e94779}
html{scroll-behavior:smooth}.topbar{background:linear-gradient(90deg,#d71920,#f04b23,#ff9a28);color:#fff}.topbar a{color:#fff}.site-header{backdrop-filter:blur(12px);background:rgba(255,255,255,.94);box-shadow:0 3px 18px rgba(20,40,55,.07)}
.campaign-hero{background:radial-gradient(circle at 15% 20%,rgba(239,61,54,.28),transparent 30%),radial-gradient(circle at 85% 30%,rgba(31,122,224,.28),transparent 28%),#112c3c}.campaign-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:linear-gradient(135deg,rgba(255,139,43,.25),rgba(112,72,232,.12));filter:blur(12px);right:-140px;top:-120px;z-index:1}.hero-content{position:relative;z-index:3}.tag{background:linear-gradient(90deg,var(--coral),var(--orange));box-shadow:0 10px 24px rgba(239,61,54,.24);border:0}.hero-content h1 span{background:linear-gradient(90deg,#fff,#ffd9a9);-webkit-background-clip:text;background-clip:text;color:transparent}.btn.primary{background:linear-gradient(90deg,#df1f2b,#f14b26,#ff8427);border:0;box-shadow:0 12px 28px rgba(225,48,36,.25);transition:transform .2s ease,box-shadow .2s ease}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(225,48,36,.36)}.btn.ghost:hover{background:#fff;color:#152f40}
.section-kicker{color:var(--coral)}.impact{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff8ee 0%,#fff 52%,#eef7ff 100%)}.impact>*:not(.impact-orb){position:relative;z-index:2}.impact-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.5}.orb-one{width:330px;height:330px;background:linear-gradient(135deg,#ffd3cf,#ffebbd);left:-140px;top:80px}.orb-two{width:380px;height:380px;background:linear-gradient(135deg,#d5e9ff,#e9ddff);right:-150px;bottom:20px}
.impact-card{border:0;border-radius:20px;box-shadow:0 18px 45px rgba(30,55,75,.12);transform:translateY(0);transition:transform .28s ease,box-shadow .28s ease}.impact-card:hover{transform:translateY(-12px) rotate(-.35deg);box-shadow:0 28px 58px rgba(30,55,75,.19)}.impact-card:nth-child(2):hover{rotate:.35deg}.impact-card:nth-child(3):hover{rotate:-.35deg}.impact-photo{height:230px}.impact-photo img{transition:transform .6s ease,filter .5s ease}.impact-card:hover .impact-photo img{transform:scale(1.08);filter:saturate(1.12) contrast(1.03)}.impact-card-body{padding:0 24px 24px}.impact-card .icon{border:4px solid #fff}.impact-card:nth-child(1) .icon{background:linear-gradient(135deg,#fff0d6,#fff)}.impact-card:nth-child(2) .icon{background:linear-gradient(135deg,#dff4ff,#fff)}.impact-card:nth-child(3) .icon{background:linear-gradient(135deg,#e7f8e8,#fff)}.impact-card:nth-child(4) .icon{background:linear-gradient(135deg,#ffe6ee,#fff)}.impact-note{background:linear-gradient(135deg,#f8f4ea,#eef7f2);border-left:3px solid var(--green);font-weight:600}.impact-callout{background:linear-gradient(105deg,#fff 0%,#fff8f2 52%,#fff0ef 100%);border:1px solid #ffd0c9}.callout-heart{background:linear-gradient(135deg,#ffe1df,#fff5e9);animation:heartBeat 1.8s ease-in-out infinite}.impact-callout .btn{min-width:190px;justify-content:center}
.how{position:relative}.steps>div{padding:22px 18px;border-radius:16px;transition:transform .2s ease,background .2s ease}.steps>div:hover{transform:translateY(-5px);background:#fff7f2}.steps>div:nth-child(1) b{color:var(--coral)}.steps>div:nth-child(2) b{color:var(--blue)}.steps>div:nth-child(3) b{color:var(--purple)}.updates{background:linear-gradient(135deg,#eff9ff,#f8f4ff 52%,#fff5ef)}.update-list article{border-radius:16px;border-left:0;border-top:4px solid var(--coral);box-shadow:0 14px 34px rgba(30,55,75,.08);transition:transform .2s ease}.update-list article:nth-child(2){border-top-color:var(--blue)}.update-list article:hover{transform:translateY(-5px)}.cta{background:linear-gradient(110deg,#122f44,#1b5f8e 55%,#643a83);position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(255,139,43,.16);right:-80px;top:-120px}.cta>*{position:relative;z-index:2}
.floating-donate{position:fixed;right:24px;bottom:24px;z-index:80;background:linear-gradient(90deg,#df1f2b,#f14b26);color:#fff;text-decoration:none;font-weight:800;padding:14px 19px;border-radius:999px;box-shadow:0 14px 32px rgba(208,34,35,.34);animation:floatPulse 2.4s infinite}.floating-donate span{margin-right:5px}.back-to-top{position:fixed;right:24px;bottom:82px;z-index:79;width:42px;height:42px;border:0;border-radius:50%;background:#123248;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes floatPulse{0%,100%{box-shadow:0 14px 32px rgba(208,34,35,.34)}50%{box-shadow:0 16px 42px rgba(255,139,43,.48);transform:translateY(-2px)}}
@media(max-width:700px){.floating-donate{right:16px;bottom:16px;padding:13px 17px}.back-to-top{right:16px;bottom:75px}.impact-photo{height:220px}}

/* ===== Premium campaign footer ===== */
.site-footer{display:block!important;background:linear-gradient(135deg,#071b28,#102f42 52%,#1a1f2d);color:#c9d3d9;padding:0!important;font-size:14px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(239,61,54,.16),transparent 68%);right:-160px;top:-260px}.footer-main{position:relative;z-index:1;max-width:1500px;margin:auto;padding:72px max(5vw,28px) 50px;display:grid;grid-template-columns:1.3fr .85fr 1fr 1.75fr;gap:58px}.footer-col h4{font-size:22px;color:#fff;margin:0 0 24px;line-height:1.2}.footer-col>a{display:block;color:#c9d3d9;text-decoration:none;margin:0 0 14px;transition:color .2s ease,transform .2s ease}.footer-col>a:hover{color:#fff;transform:translateX(4px)}.footer-brand img{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:18px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.footer-brand p{max-width:320px;line-height:1.75;margin:20px 0}.footer-site{color:#ffad62!important;font-weight:700}.footer-contact p{max-width:520px;line-height:1.65;margin:0 0 18px}.footer-contact strong{color:#fff}.accept-box{margin-top:28px}.accept-box h4{font-size:19px;margin-bottom:14px}.payment-badges{display:flex;flex-wrap:wrap;gap:10px}.payment-badges span{min-width:64px;text-align:center;padding:9px 10px;border-radius:7px;background:#fff;color:#152b3b;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:0 6px 16px rgba(0,0,0,.16)}.payment-badges span:nth-child(1){background:linear-gradient(135deg,#fff,#e4f7ef);color:#15754d}.payment-badges span:nth-child(2){color:#1959a6}.payment-badges span:nth-child(3){color:#d43b32}.payment-badges span:nth-child(4){background:linear-gradient(135deg,#1c66a2,#7ab0d7);color:#fff}.whatsapp-btn{margin-top:25px!important;display:flex!important;align-items:center;gap:14px;width:max-content;min-width:270px;padding:14px 22px!important;border-radius:999px;background:linear-gradient(135deg,#29c96b,#18a957)!important;color:#fff!important;box-shadow:0 14px 30px rgba(30,190,99,.24);transform:none!important}.whatsapp-btn:hover{filter:brightness(1.08);transform:translateY(-2px)!important}.whatsapp-btn span{font-size:31px;line-height:1}.whatsapp-btn b{font-size:15px;line-height:1.15}.footer-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);max-width:1500px;margin:auto;padding:22px max(5vw,28px);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#91a5af}@media(max-width:1050px){.footer-main{grid-template-columns:1.2fr 1fr}.footer-contact{grid-column:1/-1}}@media(max-width:650px){.footer-main{grid-template-columns:1fr;gap:34px;padding-top:55px}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column}.whatsapp-btn{width:100%;justify-content:center}.payment-badges span{flex:1}.footer-col h4{font-size:20px}}


/* ===== TECHNIX PURE FOUNDATION — LOGO THEME UPGRADE ===== */
:root{
  --navy:#0b2b4d;
  --navy-2:#123b62;
  --teal:#08766c;
  --teal-2:#119b8e;
  --orange:#f28c00;
  --orange-2:#ffae22;
  --cream:#fffaf1;
  --ink:#183247;
  --muted:#5d7080;
  --white:#ffffff;
}
*{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f7fbfa 0%,#fffaf4 48%,#f6fbfa 100%);color:var(--ink)}
.topbar{background:linear-gradient(90deg,var(--navy),var(--teal),var(--orange));color:#fff;border:0}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(11,43,77,.08)}
.brand img{width:58px;height:58px;object-fit:contain;border-radius:50%;box-shadow:0 4px 15px rgba(8,118,108,.18)}
.brand span{color:var(--navy);font-weight:800}
.site-header nav a{color:var(--navy);font-weight:700}
.nav-donate,.btn.primary{background:linear-gradient(135deg,var(--orange),#ff6500)!important;color:#fff!important;border:0!important;box-shadow:0 12px 24px rgba(242,140,0,.28)}
.nav-donate:hover,.btn.primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(242,140,0,.38)}
.trust-strip{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;padding:11px 20px;background:linear-gradient(90deg,var(--navy),var(--teal),var(--orange));color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.04em}
.campaign-hero{background:linear-gradient(90deg,rgba(8,30,54,.98) 0%,rgba(8,56,76,.90) 48%,rgba(8,118,108,.38) 100%)!important;position:relative;overflow:hidden}
.campaign-hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-250px;background:radial-gradient(circle,var(--orange-2),transparent 68%);opacity:.28}
.hero-content{position:relative;z-index:2}
.hero-content .tag,.tag{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff!important;border:0}
.hero-content h1{color:#fff!important;text-shadow:0 5px 22px rgba(0,0,0,.18)}
.hero-content h1 span{color:#54d7c7!important}
.hero-art:after{background:linear-gradient(90deg,rgba(11,43,77,.55),transparent)}
.btn.ghost{border-color:#7be0d4!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
.section-kicker{color:var(--orange)!important;font-weight:900;letter-spacing:.16em}
h2 em{color:var(--teal)!important}
.campaign-layout{background:linear-gradient(180deg,#fff 0%,#f5fbf9 100%)}
.story{background:#fff;border-radius:26px;padding:40px;box-shadow:0 12px 42px rgba(11,43,77,.07)}
.story blockquote{border-left-color:var(--orange)!important;background:#fff8e9}
.donation-card{border:1px solid rgba(8,118,108,.12)!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#f4fbfa)!important;box-shadow:0 22px 55px rgba(8,77,83,.14)!important}
.card-head{color:var(--teal)!important}
.progress span{background:linear-gradient(90deg,var(--orange),var(--teal))!important}
.quick-amounts button:hover,.quick-amounts button.active{background:var(--teal)!important;color:#fff!important;border-color:var(--teal)!important}
.impact{background:radial-gradient(circle at 5% 15%,rgba(242,140,0,.12),transparent 26%),radial-gradient(circle at 95% 75%,rgba(17,155,142,.13),transparent 28%),#f8fcfb!important}
.impact-card{border-radius:24px!important;overflow:hidden;border:1px solid rgba(8,118,108,.12)!important;box-shadow:0 12px 32px rgba(11,43,77,.08)!important;transition:.35s ease!important;background:#fff}
.impact-card:hover{transform:translateY(-12px) rotate(-.4deg)!important;box-shadow:0 24px 50px rgba(8,118,108,.18)!important}
.impact-photo{position:relative;background:var(--navy)}
.impact-photo>img:first-child{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.impact-card:hover .impact-photo>img:first-child{transform:scale(1.09)}
.corner-logo{position:absolute!important;right:14px;bottom:14px;width:58px!important;height:58px!important;object-fit:contain!important;background:rgba(255,255,255,.94);border:3px solid #fff;border-radius:50%;padding:2px;box-shadow:0 7px 20px rgba(0,0,0,.22);z-index:3}
.impact-card-body .icon{background:linear-gradient(135deg,var(--teal),var(--navy))!important;color:#fff!important;border:4px solid #fff;box-shadow:0 8px 20px rgba(11,43,77,.18)}
.impact-card h3{color:var(--navy)!important}
.impact-note{color:var(--teal)!important;background:#e9f8f4!important;border-radius:10px;padding:8px 10px}
.impact-callout{background:linear-gradient(100deg,var(--navy),var(--teal),#0c8b80)!important;color:#fff!important;border-radius:28px!important;box-shadow:0 20px 45px rgba(8,77,83,.2)}
.how{background:linear-gradient(135deg,#fff8ec,#f3fcfa)!important}
.steps>div{background:#fff;border-radius:22px;padding:25px;box-shadow:0 10px 30px rgba(11,43,77,.06)}
.steps b{color:var(--orange)!important}
.updates{background:linear-gradient(180deg,#fff,#f8fcfb)!important}
.update-list article{border-radius:22px!important;border-top:5px solid var(--orange)!important;box-shadow:0 10px 28px rgba(11,43,77,.07)}
.update-list article:nth-child(2){border-top-color:var(--teal)!important}
.cta{background:linear-gradient(120deg,var(--navy),var(--teal),var(--orange))!important;border-radius:32px;margin:30px auto;max-width:1200px}
.site-footer{background:linear-gradient(145deg,#061d35,#0b2b4d 55%,#073f47)!important;border-top:5px solid var(--orange)}
.footer-main{background:transparent!important}
.footer-brand img{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
.footer-col h4{color:#fff!important}
.footer-col a:hover{color:var(--orange-2)!important;transform:translateX(4px)}
.accept-box{border-top:1px solid rgba(255,255,255,.12)}
.payment-badges span{background:#fff!important;color:var(--navy)!important;border-radius:9px;padding:8px 12px;font-weight:900}
.floating-donate{background:linear-gradient(135deg,var(--orange),#ff6500)!important;box-shadow:0 14px 35px rgba(242,140,0,.4)!important}
.back-to-top{background:var(--teal)!important}
.secure{color:var(--teal)!important;font-weight:700}
input:focus{outline:3px solid rgba(17,155,142,.18)!important;border-color:var(--teal)!important}
@keyframes gentlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.floating-donate{animation:gentlePulse 2.2s infinite}
@media(max-width:800px){
 .trust-strip{gap:12px;font-size:.68rem}
 .story{padding:25px 20px}
 .corner-logo{width:48px!important;height:48px!important}
 .cta{margin:20px 12px;border-radius:22px}
}


/* ===== LARGER TECHNIX PURE FOUNDATION LOGO ===== */
.site-header{
  min-height:96px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.site-header .brand img{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#fff!important;
  padding:2px!important;
  box-shadow:0 8px 24px rgba(8,118,108,.22)!important;
}
.site-header .brand span{
  font-size:1.02rem!important;
  line-height:1.2!important;
}

/* Larger footer logo */
.site-footer .footer-brand img,
.footer-brand img{
  width:135px!important;
  height:135px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:50%!important;
  padding:4px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}

/* Larger logo on campaign/support images */
.corner-logo{
  width:82px!important;
  height:82px!important;
  right:16px!important;
  bottom:16px!important;
  padding:3px!important;
  border-width:4px!important;
}

/* Keep navigation balanced */
.site-header .header-inner,
.site-header .container{
  align-items:center!important;
}

@media(max-width:800px){
  .site-header{
    min-height:76px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  .site-header .brand img{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
  }
  .site-header .brand span{
    font-size:.88rem!important;
  }
  .site-footer .footer-brand img,
  .footer-brand img{
    width:112px!important;
    height:112px!important;
  }
  .corner-logo{
    width:62px!important;
    height:62px!important;
    right:12px!important;
    bottom:12px!important;
  }
}