@import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');

:root{
  --green-950:#053b2f;--green-900:#064b3b;--green-800:#0b5f49;--green-700:#14735a;--green-600:#198464;--green-100:#e8f4ef;--green-50:#f5fbf8;
  --gold-700:#9f7730;--gold-600:#bb9143;--gold-500:#d2ad63;--gold-300:#ead4a6;--gold-100:#fbf2dd;
  --ink:#13211c;--muted:#68746f;--line:#e8ece9;--surface:#fff;--soft:#f7f9f7;--danger:#b84f4f;
  --shadow-sm:0 8px 22px rgba(10,57,44,.08);--shadow:0 18px 55px rgba(7,70,53,.12);--shadow-lg:0 28px 80px rgba(7,70,53,.18);
  --radius-sm:14px;--radius:22px;--radius-lg:32px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fff;line-height:1.58;-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 36px),var(--container));margin-inline:auto}.section{padding:92px 0}.section.compact{padding:66px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-700);font-size:.79rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 5px var(--gold-100)}h1,h2,h3,h4{font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.12;margin:0;color:#0d211a}h1{font-size:clamp(2.35rem,5vw,5rem);letter-spacing:-.045em}h2{font-size:clamp(1.9rem,3.4vw,3.25rem);letter-spacing:-.035em}h3{font-size:1.2rem;letter-spacing:-.02em}p{margin:0;color:var(--muted)}.lead{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.75}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}.section-head>div:first-child{max-width:690px}.section-head p{margin-top:12px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;padding:13px 20px;font-weight:800;font-size:.93rem;transition:.3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.2),transparent 70%);transform:translateX(-120%);transition:.55s ease}.btn:hover:before{transform:translateX(120%)}.btn-primary{background:linear-gradient(135deg,var(--green-800),var(--green-950));color:#fff;box-shadow:0 12px 28px rgba(8,88,67,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(8,88,67,.28)}.btn-gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-700));color:#fff;box-shadow:0 12px 25px rgba(159,119,48,.22)}.btn-soft{background:var(--green-50);color:var(--green-800);border-color:#dcebe5}.btn-outline{background:#fff;border-color:#dce3df;color:var(--ink)}.btn-lg{padding:16px 24px;font-size:1rem}.btn-block{width:100%}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--green-800)}.text-link:hover .icon{transform:translateX(3px)}.text-link .icon{transition:.25s}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:.74rem;font-weight:800}.badge.green{background:var(--green-100);color:var(--green-800)}.badge.gold{background:var(--gold-100);color:var(--gold-700)}.badge.white{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
/* header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,230,225,.78)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-logo{width:48px;height:48px;border-radius:16px;object-fit:cover;object-position:50% 12%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.brand-copy b{font-family:Inter;font-size:1.07rem;display:block;line-height:1.1;color:var(--green-950)}.brand-copy span{display:block;font-size:.68rem;color:var(--gold-700);font-weight:700;margin-top:4px}.nav-links{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.9rem}.nav-links a{position:relative;color:#34413c}.nav-links a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-8px;background:var(--gold-500);transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--green-800)}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--green-900);transition:.25s}.icon-btn:hover{background:var(--green-50);transform:translateY(-2px)}.menu-btn{display:none}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 16%,rgba(210,173,99,.2),transparent 22%),linear-gradient(145deg,#f7fbf8 0%,#eef7f2 52%,#fbf7ee 100%);padding:70px 0 86px}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(10,92,70,.08);border-radius:50%;right:-280px;top:-300px;box-shadow:0 0 0 80px rgba(255,255,255,.22),0 0 0 160px rgba(255,255,255,.14)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:68px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy h1 span{color:var(--green-800);position:relative}.hero-copy h1 span:after{content:"";position:absolute;height:10px;border-radius:20px;background:linear-gradient(90deg,var(--gold-300),transparent);left:0;right:14%;bottom:4px;z-index:-1}.hero-copy .lead{margin:22px 0 28px;max-width:630px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:18px;margin-top:30px;padding-top:26px;border-top:1px solid #dfe8e2}.avatars{display:flex}.avatars span{width:34px;height:34px;border:2px solid white;border-radius:50%;margin-left:-9px;background:linear-gradient(135deg,#0b5f49,#d2ad63);display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:800}.avatars span:first-child{margin-left:0}.hero-trust b{display:block;font-family:Inter;color:var(--ink);font-size:.9rem}.hero-trust small{color:var(--muted)}.hero-visual{position:relative;min-height:560px}.hero-photo{position:absolute;inset:0 0 20px 62px;border-radius:42px 42px 120px 42px;overflow:hidden;box-shadow:var(--shadow-lg)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,59,47,.68))}.hero-float{position:absolute;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:12px;animation:floaty 5s ease-in-out infinite}.hero-float.one{left:0;top:70px}.hero-float.two{right:-16px;bottom:64px;animation-delay:-2s}.float-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--green-100);color:var(--green-800)}.float-icon.gold{background:var(--gold-100);color:var(--gold-700)}.hero-float b{display:block;font-family:Inter;font-size:.92rem}.hero-float small{color:var(--muted)}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* quick stats */
.stats-strip{margin-top:-34px;position:relative;z-index:5}.stats-card{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:14px}.stat{padding:19px 22px;border-right:1px solid var(--line)}.stat:last-child{border-right:none}.stat b{display:block;font:800 1.45rem Inter,ui-sans-serif,system-ui,sans-serif;color:var(--green-900)}.stat span{font-size:.78rem;color:var(--muted)}
/* categories */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{padding:21px;border-radius:20px;border:1px solid var(--line);background:#fff;transition:.3s;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:auto -20px -40px auto;width:90px;height:90px;border-radius:50%;background:var(--green-50);transition:.3s}.category-card:hover{transform:translateY(-5px);border-color:#cfe4da;box-shadow:var(--shadow-sm)}.category-card:hover:before{transform:scale(1.3);background:var(--gold-100)}.category-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green-50),#e3f1ea);color:var(--green-800);z-index:1}.category-card b{font-family:Inter;font-size:.94rem;z-index:1}.category-card small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}
/* cards */
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.program-card{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(16,53,43,.06);transition:.35s;display:flex;flex-direction:column}.program-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.program-thumb{height:220px;position:relative;overflow:hidden}.program-thumb img{width:100%;height:100%;object-fit:cover;transition:.55s}.program-card:hover .program-thumb img{transform:scale(1.05)}.program-thumb .badge{position:absolute;left:14px;top:14px}.program-content{padding:19px 19px 20px;display:flex;flex-direction:column;flex:1}.program-content h3{font-size:1.02rem;min-height:48px;margin-bottom:12px}.organizer{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.76rem;margin-bottom:15px}.organizer .mini-logo{width:25px;height:25px;border-radius:8px;background:var(--green-100);display:grid;place-items:center;color:var(--green-800)}.donation-row{display:flex;align-items:end;justify-content:space-between;gap:10px}.donation-row span{font-size:.7rem;color:var(--muted)}.donation-row b{display:block;color:var(--green-700);font-size:.96rem}.progress{height:7px;border-radius:999px;background:#edf0ee;overflow:hidden;margin:11px 0 9px}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-500),var(--green-700));width:var(--progress,50%);position:relative}.progress>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shine 2.7s linear infinite}@keyframes shine{from{transform:translateX(-110%)}to{transform:translateX(110%)}}.program-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem;margin-top:auto}.program-meta span{display:flex;align-items:center;gap:5px}.extra-box{background:linear-gradient(135deg,#fff9e8,#fdf1c8);border:1px solid #f3e0a8;border-radius:30px;padding:34px}.extra-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-program{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:14px;border-radius:20px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.8);transition:.3s}.mini-program:hover{background:#fff;transform:translateY(-3px);box-shadow:var(--shadow-sm)}.mini-program img{width:130px;height:98px;object-fit:cover;border-radius:14px}.mini-program h3{font-size:.92rem;margin-bottom:5px}.mini-program small{font-size:.69rem;color:var(--muted)}.mini-program b{display:block;font-size:.82rem;color:var(--green-700);margin:7px 0 5px}.mini-program .progress{height:5px;margin:4px 0}
/* why */
.why{background:var(--green-950);position:relative;overflow:hidden;color:#fff}.why:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(210,173,99,.18),transparent 67%);right:-80px;top:-180px}.why .eyebrow{color:#f3dcae}.why h2,.why h3{color:#fff}.why p{color:#bcd0c8}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.why-media{position:relative}.why-media img{border-radius:32px;height:530px;width:100%;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.25)}.seal{position:absolute;right:-26px;bottom:36px;width:138px;height:138px;border-radius:50%;background:linear-gradient(145deg,var(--gold-500),var(--gold-700));display:grid;place-items:center;text-align:center;border:8px solid var(--green-950);font:800 .74rem Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#fff;animation:spinSlow 18s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.why-features{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.why-feature{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:18px;padding:19px}.why-feature .icon{color:var(--gold-500);width:24px;height:24px;margin-bottom:11px}.why-feature h3{font-size:.95rem;margin-bottom:6px}.why-feature p{font-size:.82rem}
/* testimonials */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.stars{display:flex;gap:3px;color:var(--gold-500);margin-bottom:15px}.stars .icon{width:16px;height:16px;fill:currentColor}.testimonial p{color:#4d5c56;min-height:104px}.person{display:flex;align-items:center;gap:11px;margin-top:18px}.person-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--green-800),var(--gold-500));color:#fff;display:grid;place-items:center;font-weight:800}.person b{display:block;font-size:.86rem}.person small{color:var(--muted);font-size:.72rem}
/* CTA/footer */
.cta-panel{border-radius:34px;padding:48px;background:radial-gradient(circle at 84% 12%,rgba(255,255,255,.15),transparent 22%),linear-gradient(135deg,var(--green-800),var(--green-950));display:flex;align-items:center;justify-content:space-between;gap:34px;color:#fff;position:relative;overflow:hidden}.cta-panel h2{color:#fff;max-width:720px}.cta-panel p{color:#c7d7d1;margin-top:12px;max-width:640px}.footer{background:#081c16;color:#fff;padding:60px 0 96px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:36px}.footer .brand-copy b{color:#fff}.footer .brand-copy span{color:#dcbf84}.footer-desc{margin-top:16px;color:#9eb2aa;font-size:.86rem;max-width:420px}.footer h4{color:#fff;font-size:.88rem;margin-bottom:15px}.footer-links{display:grid;gap:10px}.footer-links a,.footer-links span{color:#a9b9b3;font-size:.82rem}.footer-links a:hover{color:#fff}.footer-contact{display:grid;gap:12px}.contact-item{display:flex;gap:10px;align-items:flex-start;color:#a9b9b3;font-size:.8rem}.contact-item .icon{color:var(--gold-500);margin-top:3px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#81948c;font-size:.75rem}.socials{display:flex;gap:8px}.socials a{width:36px;height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;color:#d6e0dc}.socials a:hover{background:rgba(255,255,255,.08)}
/* list page */
.page-hero{background:linear-gradient(135deg,#f4faf7,#faf6ed);padding:66px 0 54px;border-bottom:1px solid var(--line)}.page-hero .breadcrumbs{font-size:.76rem;color:var(--muted);margin-bottom:16px}.page-hero h1{font-size:clamp(2rem,4vw,3.8rem)}.page-hero p{margin-top:14px;max-width:650px}.toolbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin-bottom:26px}.search-box{height:48px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 14px}.search-box input{border:0;outline:0;flex:1;color:var(--ink);background:transparent}.select-box{height:48px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 13px;color:#44524c;outline:none}.filter-chips{display:flex;gap:9px;overflow-x:auto;padding-bottom:8px;margin-bottom:20px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:.78rem;font-weight:700;color:#52605b;white-space:nowrap}.chip.active,.chip:hover{background:var(--green-800);color:#fff;border-color:var(--green-800)}
/* detail */
.detail-hero{padding:40px 0 26px;background:linear-gradient(180deg,#f8faf8,#fff)}.detail-grid{display:grid;grid-template-columns:1.1fr .72fr;gap:36px;align-items:start}.detail-cover{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);height:520px}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-card{position:sticky;top:100px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow);padding:26px}.detail-card h1{font-size:1.68rem;line-height:1.25;margin:13px 0 17px}.detail-card .donation-row b{font-size:1.25rem}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.detail-stat{border-radius:14px;background:var(--soft);padding:12px}.detail-stat span{display:block;font-size:.69rem;color:var(--muted)}.detail-stat b{display:block;font-size:.86rem;margin-top:3px}.detail-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:34px 0 24px}.detail-tabs button{border:0;background:transparent;padding:0 0 12px;font-weight:800;color:var(--muted);border-bottom:2px solid transparent}.detail-tabs button.active{color:var(--green-800);border-color:var(--green-800)}.story{font-size:.98rem;color:#4e5c56}.story h2{font-size:1.6rem;margin:30px 0 14px}.story p{margin:0 0 16px;color:#4e5c56}.story img{width:100%;max-height:460px;object-fit:cover;border-radius:22px;margin:22px 0}.donor-list{display:grid;gap:12px}.donor{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:17px}.donor-avatar{width:42px;height:42px;border-radius:50%;background:var(--green-100);color:var(--green-800);display:grid;place-items:center;font-weight:800}.donor-main{flex:1}.donor-top{display:flex;justify-content:space-between;gap:10px}.donor b{font-size:.86rem}.donor small{color:var(--muted);font-size:.7rem}.donor p{font-size:.78rem;margin-top:4px}.floating-action{display:none}
/* forms / checkout */
.form-page{min-height:calc(100vh - 78px);background:linear-gradient(145deg,#f7faf8,#fbf7ef);padding:54px 0 90px}.form-shell{max-width:760px;margin:auto}.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:30px}.form-card h1{font-size:2rem}.form-card>.lead{margin:10px 0 24px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:.78rem;font-weight:800;color:#37463f}.input{width:100%;height:50px;border:1px solid #dce4df;border-radius:14px;padding:0 14px;outline:none;background:#fff;transition:.2s}.input:focus{border-color:#83b8a4;box-shadow:0 0 0 4px rgba(20,115,90,.08)}textarea.input{height:110px;padding-top:12px;resize:vertical}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}.amount-btn{height:50px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:800;color:#33433c}.amount-btn.active,.amount-btn:hover{border-color:var(--green-700);background:var(--green-50);color:var(--green-800)}.check-row{display:flex;align-items:center;gap:10px;font-size:.81rem;color:#47564f;margin:12px 0}.check-row input{accent-color:var(--green-800)}.payment-options{display:grid;gap:10px;margin:14px 0 20px}.payment-option{border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:12px}.payment-option:has(input:checked){border-color:var(--green-600);background:var(--green-50)}.payment-option input{accent-color:var(--green-800)}.payment-icon{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--green-800)}.summary-box{border-radius:18px;background:var(--soft);padding:16px;margin:18px 0}.summary-row{display:flex;justify-content:space-between;gap:18px;font-size:.82rem;padding:5px 0}.summary-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-weight:800;color:var(--green-800)}
/* auth */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 78px)}.auth-media{position:relative;overflow:hidden;background:var(--green-950)}.auth-media img{width:100%;height:100%;object-fit:cover;opacity:.8}.auth-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,59,47,.12),rgba(5,59,47,.88))}.auth-quote{position:absolute;z-index:2;left:7%;right:7%;bottom:8%;color:#fff}.auth-quote h2{color:#fff;max-width:600px}.auth-quote p{color:#d6e3dd;margin-top:12px}.auth-form{display:grid;place-items:center;padding:44px}.auth-box{width:min(100%,480px)}.auth-box h1{font-size:2.2rem}.auth-box .lead{margin:11px 0 26px}.auth-note{text-align:center;font-size:.8rem;color:var(--muted);margin-top:16px}.auth-note a{font-weight:800;color:var(--green-800)}
/* about */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.about-photo{border-radius:32px;overflow:hidden;height:560px;position:relative}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(5,59,47,.62))}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff}.value-card .icon{width:28px;height:28px;color:var(--green-800);margin-bottom:15px}.value-card h3{margin-bottom:7px}.value-card p{font-size:.83rem}
/* success */
.success-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;background:linear-gradient(145deg,#f4faf7,#fbf7ef);padding:60px 18px}.success-card{width:min(100%,640px);text-align:center;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:42px}.success-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--green-100);color:var(--green-800);margin:0 auto 18px;animation:pop .6s cubic-bezier(.2,.9,.3,1.4)}.success-icon .icon{width:38px;height:38px}@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.success-card h1{font-size:2.1rem}.success-card p{margin:12px auto 22px;max-width:480px}.receipt{background:var(--soft);border-radius:18px;padding:16px;text-align:left;margin:20px 0}.receipt-row{display:flex;justify-content:space-between;gap:18px;padding:7px 0;font-size:.82rem}.receipt-row b{color:var(--green-800)}
/* mobile nav */
.mobile-nav{display:none}.wa-float{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#1e8d68;color:white;box-shadow:0 16px 36px rgba(10,89,67,.35);z-index:70;display:grid;place-items:center;transition:.25s}.wa-float:hover{transform:translateY(-3px) scale(1.03)}.wa-float .icon{width:25px;height:25px}
/* animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.fade-in{animation:fadeIn .7s ease both}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.skeleton{background:linear-gradient(90deg,#f0f3f1,#fafbfa,#f0f3f1);background-size:200% 100%;animation:sk 1.6s infinite}@keyframes sk{to{background-position:-200% 0}}
/* modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(4,24,18,.6);z-index:100;display:none;place-items:center;padding:18px;backdrop-filter:blur(5px)}.modal-backdrop.open{display:grid}.modal{width:min(100%,520px);background:#fff;border-radius:26px;box-shadow:0 28px 100px rgba(0,0,0,.35);padding:24px;animation:modalIn .28s ease}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h3{font-size:1.15rem}@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}
/* responsive */
@media(max-width:1020px){.nav-links{display:none}.menu-btn{display:grid}.hero-grid,.why-grid,.detail-grid,.about-grid{grid-template-columns:1fr}.hero-visual{min-height:500px}.hero-photo{left:40px}.stats-card{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.category-grid{grid-template-columns:repeat(2,1fr)}.program-grid{grid-template-columns:repeat(2,1fr)}.extra-list{grid-template-columns:1fr}.detail-card{position:relative;top:0}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.auth-layout{grid-template-columns:1fr}.auth-media{display:none}.values-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body{padding-bottom:72px}.section{padding:66px 0}.section.compact{padding:48px 0}.container{width:min(calc(100% - 28px),var(--container))}.site-header{position:sticky}.nav-wrap{min-height:66px}.brand-logo{width:42px;height:42px;border-radius:13px}.brand-copy b{font-size:.95rem}.brand-copy span{font-size:.61rem}.nav-actions .btn,.nav-actions .icon-btn:not(.menu-btn){display:none}.hero{padding:42px 0 64px}.hero-grid{gap:34px}.hero-copy h1{font-size:2.5rem}.hero-copy .lead{font-size:.96rem;margin:18px 0 24px}.hero-actions .btn{flex:1;min-width:150px}.hero-trust{margin-top:24px}.hero-visual{min-height:390px}.hero-photo{left:14px;right:0;bottom:0;border-radius:28px 28px 76px 28px}.hero-float{padding:11px 12px;border-radius:16px}.hero-float.one{top:24px;left:0}.hero-float.two{right:-4px;bottom:28px}.float-icon{width:36px;height:36px;border-radius:12px}.hero-float b{font-size:.78rem}.hero-float small{font-size:.65rem}.stats-strip{margin-top:-24px}.stats-card{padding:8px}.stat{padding:14px}.stat b{font-size:1.1rem}.stat span{font-size:.67rem}.section-head{align-items:start;flex-direction:column;margin-bottom:24px}.section-head .btn{display:none}.category-grid{gap:10px}.category-card{padding:14px;gap:10px;border-radius:17px}.category-icon{width:42px;height:42px;border-radius:13px}.category-card b{font-size:.83rem}.program-grid{grid-template-columns:1fr;gap:16px}.program-thumb{height:205px}.program-content h3{min-height:auto}.extra-box{padding:18px;border-radius:22px}.mini-program{grid-template-columns:100px 1fr;padding:10px;gap:11px}.mini-program img{width:100px;height:86px}.mini-program h3{font-size:.83rem}.why-grid{gap:34px}.why-media img{height:430px}.seal{width:105px;height:105px;right:-5px;bottom:20px;font-size:.58rem}.why-features{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr}.testimonial p{min-height:auto}.cta-panel{padding:30px 24px;display:block;border-radius:26px}.cta-panel .btn{margin-top:22px;width:100%}.footer{padding:48px 0 38px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.toolbar{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.page-hero{padding:46px 0 38px}.detail-cover{height:350px}.detail-card{padding:20px}.detail-card h1{font-size:1.38rem}.detail-stats{grid-template-columns:1fr 1fr}.detail-tabs{gap:18px;overflow-x:auto;white-space:nowrap}.story h2{font-size:1.35rem}.floating-action{display:grid;position:fixed;left:14px;right:14px;bottom:82px;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);padding:10px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.floating-action .btn{width:100%}.form-page{padding:36px 0 60px}.form-card{padding:20px;border-radius:22px}.amount-grid{grid-template-columns:repeat(2,1fr)}.auth-form{padding:32px 18px}.auth-box h1{font-size:1.85rem}.about-photo{height:430px}.values-grid{grid-template-columns:1fr}.success-card{padding:28px 20px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:75;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:7px 10px max(7px,env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#89938f;font-size:.61rem;font-weight:700;padding:5px}.mobile-nav a.active{color:var(--green-800)}.mobile-nav .icon{width:20px;height:20px}.wa-float{display:none}}
@media(max-width:420px){.hero-copy h1{font-size:2.2rem}.hero-visual{min-height:345px}.hero-float.two{bottom:18px}.stats-card{grid-template-columns:1fr 1fr}.category-card small{display:none}.mini-program{grid-template-columns:88px 1fr}.mini-program img{width:88px;height:78px}.footer-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.search-box{grid-column:auto}.detail-cover{height:300px}}
.mobile-menu{position:fixed;inset:0;z-index:95;background:rgba(4,24,18,.58);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.25s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-drawer{width:min(86vw,360px);height:100%;background:#fff;margin-left:auto;padding:20px;transform:translateX(100%);transition:.3s ease;box-shadow:-20px 0 70px rgba(0,0,0,.2)}.mobile-menu.open .mobile-drawer{transform:none}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.mobile-drawer-links{display:grid;padding:20px 0;gap:7px}.mobile-drawer-links a{padding:13px 14px;border-radius:13px;font-weight:800;color:#44524c}.mobile-drawer-links a:hover,.mobile-drawer-links a.active{background:var(--green-50);color:var(--green-800)}

/* =========================================================
   TITIP SEDEKAH — APP-LIKE CENTERED LAYOUT REVISION
   Desktop/laptop intentionally keeps the same narrow app UI.
   ========================================================= */
:root{--app-width:580px}
body.app-layout{background:#e9e9e9;padding-bottom:76px;min-height:100vh;overflow-x:hidden}
.app-canvas{width:min(100%,var(--app-width));margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 0 1px rgba(0,0,0,.025),0 18px 60px rgba(0,0,0,.08)}
.home-app .app-canvas{overflow:hidden}
.app-home-hero{height:360px;position:relative;overflow:hidden;background:var(--green-950)}
.app-home-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01)}
.app-home-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,34,29,.52) 0%,rgba(4,55,43,.26) 32%,rgba(5,37,30,.72) 100%)}
.app-topbar{position:absolute;z-index:4;top:16px;left:18px;right:18px;display:flex;align-items:center;gap:12px}
.app-logo{width:54px;height:54px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.16);flex:0 0 auto;border:1px solid rgba(255,255,255,.7)}
.app-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.app-search{height:46px;flex:1;border-radius:999px;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#7b8581;font-size:.82rem;box-shadow:0 8px 26px rgba(0,0,0,.12)}
.app-search .icon{width:18px;height:18px;color:#53615c}
.hero-campaign-copy{position:absolute;z-index:3;left:28px;right:28px;bottom:32px;color:#fff;max-width:430px;text-shadow:0 3px 18px rgba(0,0,0,.28)}
.hero-kicker{display:inline-block;font-weight:900;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f1d497;margin-bottom:7px}
.hero-campaign-copy h1{color:#fff;font-size:clamp(2.1rem,8vw,3.15rem);line-height:.98;letter-spacing:-.055em;max-width:420px}
.hero-campaign-copy h1 strong{display:block;color:#efcf88;text-transform:uppercase}
.hero-campaign-copy p{color:rgba(255,255,255,.88);font-size:.9rem;margin-top:10px;font-weight:600}
.hero-mini-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:#fff;color:var(--green-900);padding:10px 14px;border-radius:999px;font-size:.76rem;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.15)}
.hero-mini-cta .icon{width:16px;height:16px}
.app-content-card{position:relative;z-index:6;margin-top:-18px;background:#fff;border-radius:24px 24px 0 0;padding-top:2px;min-height:500px}
.home-section{padding:22px 18px 0}
.home-section+ .home-section{padding-top:28px}
.home-heading-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.home-heading-row h2{font-size:1.02rem;letter-spacing:-.02em;color:#151d1a}
.home-heading-row a{font-size:.7rem;color:var(--green-700);font-weight:800;white-space:nowrap}
.app-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.app-category-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.app-category-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#f6fbf8,#edf6f1);color:var(--green-800);box-shadow:0 8px 19px rgba(9,72,55,.08);position:relative;border:1px solid #e7efeb;transition:.25s}
.app-category-item:hover .app-category-icon{transform:translateY(-3px);box-shadow:0 13px 25px rgba(9,72,55,.13)}
.app-category-icon .icon{width:29px;height:29px}
.app-category-icon i{position:absolute;left:50%;transform:translateX(-50%);bottom:-7px;background:#f8b729;color:#fff;font-size:.5rem;font-style:normal;font-weight:900;padding:2px 6px;border-radius:999px;box-shadow:0 3px 8px rgba(164,111,4,.18)}
.app-category-item b{font-size:.68rem;color:#1d2924;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slider-dots{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:19px}.slider-dots span{width:5px;height:5px;border-radius:99px;background:#d7ddda}.slider-dots span.active{width:32px;background:var(--green-700)}
.asar-trending{overflow:hidden}
.asar-trending .program-grid{display:flex;gap:13px;overflow-x:auto;padding:0 18px 10px 0;margin-right:-18px;scroll-snap-type:x mandatory;scrollbar-width:none}
.asar-trending .program-grid::-webkit-scrollbar{display:none}
.asar-trending .program-card{min-width:84%;scroll-snap-align:start;border-radius:17px;box-shadow:none;border:1px solid #edf0ee}
.asar-trending .program-card:hover{transform:none;box-shadow:none}
.asar-trending .program-thumb{height:235px}
.asar-trending .program-content{padding:15px 15px 16px}
.asar-trending .program-content h3{font-size:.95rem;line-height:1.25;min-height:auto;margin-bottom:8px}
.asar-trending .organizer{font-size:.67rem;margin-bottom:10px}
.asar-trending .donation-row b{font-size:.88rem}.asar-trending .donation-row span{font-size:.62rem}.asar-trending .program-meta{font-size:.64rem}
.compact-stats{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(135deg,#0c614a,#064536);border-radius:18px;padding:17px 8px;color:#fff;box-shadow:0 14px 32px rgba(6,75,59,.16)}
.compact-stats div{text-align:center;border-right:1px solid rgba(255,255,255,.14);padding:2px 8px}.compact-stats div:last-child{border-right:0}.compact-stats strong{display:block;font-size:1.08rem}.compact-stats small{font-size:.6rem;color:#d7e7e0}
.app-extra-list{background:linear-gradient(145deg,#fff7d7,#fffdf4);border-radius:18px;padding:8px;border:1px solid #f4e5af}
.app-mini-program{display:grid;grid-template-columns:118px 1fr;gap:11px;padding:9px;border-bottom:1px solid rgba(190,160,65,.18)}
.app-mini-program:last-child{border-bottom:0}.app-mini-program img{width:118px;height:82px;object-fit:cover;border-radius:11px}.app-mini-program h3{font-size:.76rem;line-height:1.24;margin:0 0 3px}.app-mini-program small{font-size:.58rem;color:#7f8884}.app-mini-program b{display:block;font-size:.68rem;color:var(--green-700);margin-top:5px}.app-mini-program .progress{height:4px;margin:5px 0 0}
.app-more-btn{display:table;margin:16px auto 0;background:var(--green-700);color:#fff;border-radius:999px;padding:10px 17px;font-size:.7rem;font-weight:900;box-shadow:0 9px 20px rgba(10,91,69,.18)}
.app-impact-card{border-radius:20px;overflow:hidden;background:#092f26;color:#fff;position:relative;min-height:300px}.app-impact-card>img{width:100%;height:300px;object-fit:cover;opacity:.48}.app-impact-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,42,33,.08),rgba(4,41,32,.96))}.app-impact-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.app-impact-copy>span{color:#e7c778;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.app-impact-copy h2{color:#fff;font-size:1.42rem;margin-top:6px;max-width:420px}.app-impact-copy p{color:#cedbd6;font-size:.73rem;line-height:1.6;margin-top:7px;max-width:430px}.app-impact-copy a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#fff;font-weight:900;font-size:.69rem}.app-impact-copy .icon{width:15px;height:15px}
.app-steps{display:grid;gap:9px}.app-steps>div{display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;background:#f8faf9;border:1px solid #edf1ef}.app-steps>div>span{width:34px;height:34px;border-radius:12px;background:var(--green-700);color:#fff;display:grid;place-items:center;font-weight:900;font-size:.78rem;flex:0 0 auto}.app-steps p{display:flex;flex-direction:column}.app-steps b{font-size:.76rem;color:#1e2a25}.app-steps small{font-size:.64rem;color:#78847e;margin-top:2px}
.app-footer{text-align:center;padding:34px 18px 100px;margin-top:28px;background:linear-gradient(180deg,#fff,#f8faf9);border-top:1px solid #eff2f0}.app-footer img{width:58px;height:58px;border-radius:17px;object-fit:cover;margin:0 auto 10px;border:1px solid #e8eeeb}.app-footer p{font-size:.72rem;color:#53605a;line-height:1.45}.app-footer p b{font-size:.85rem;color:var(--green-900)}.app-footer small{display:block;margin-top:12px;color:#9aa39f;font-size:.58rem}
.app-bottom-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(100%,var(--app-width));padding:7px 14px max(7px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -10px 34px rgba(15,46,36,.09)}
.app-bottom-nav a{min-height:50px;justify-content:center;border-radius:13px}.app-bottom-nav a.active{background:#faf8f2;color:#b58a38}.app-bottom-nav .icon{width:21px;height:21px}
.app-wa-float{position:fixed;z-index:74;left:calc(50% + min(290px,50vw) - 68px);bottom:82px;width:46px;height:46px;border-radius:50%;background:var(--green-700);color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px rgba(6,75,59,.28);border:3px solid rgba(255,255,255,.88)}.app-wa-float .icon{width:21px;height:21px}

/* Keep the same narrow, app-like treatment on laptop for all inner pages. */
@media(min-width:721px){
  body:not(.home-app){background:#e9e9e9;padding-bottom:76px}
  body:not(.home-app)>.site-header,body:not(.home-app)>main,body:not(.home-app)>.footer{width:min(100%,var(--app-width));margin-left:auto;margin-right:auto}
  body:not(.home-app)>.site-header{box-shadow:0 8px 22px rgba(0,0,0,.04)}
  body:not(.home-app) .container{width:calc(100% - 28px);max-width:none}
  body:not(.home-app) .nav-links{display:none}
  body:not(.home-app) .nav-actions .btn,body:not(.home-app) .nav-actions .icon-btn:not(.menu-btn){display:none}
  body:not(.home-app) .menu-btn{display:grid}
  body:not(.home-app) .hero-grid,body:not(.home-app) .why-grid,body:not(.home-app) .detail-grid,body:not(.home-app) .about-grid,body:not(.home-app) .auth-layout{grid-template-columns:1fr}
  body:not(.home-app) .program-grid{grid-template-columns:1fr}
  body:not(.home-app) .category-grid{grid-template-columns:repeat(2,1fr)}
  body:not(.home-app) .extra-list{grid-template-columns:1fr}
  body:not(.home-app) .values-grid{grid-template-columns:1fr}
  body:not(.home-app) .footer-grid{grid-template-columns:1fr 1fr}
  body:not(.home-app) .footer-grid>div:first-child{grid-column:1/-1}
  body:not(.home-app) .mobile-nav{display:grid;position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:0;width:min(100%,var(--app-width));grid-template-columns:repeat(4,1fr);z-index:75;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:7px 10px}
  body:not(.home-app) .mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#89938f;font-size:.61rem;font-weight:700;padding:5px}
  body:not(.home-app) .mobile-nav a.active{color:var(--green-800)}
  body:not(.home-app) .mobile-nav .icon{width:20px;height:20px}
  body:not(.home-app) .wa-float{display:none}
  body:not(.home-app) .detail-card{position:relative;top:0}
  body:not(.home-app) .auth-media{display:none}
  body:not(.home-app) .auth-form{padding:32px 18px}
  body:not(.home-app) .page-hero{padding:46px 0 38px}
  body:not(.home-app) .section{padding:58px 0}
  body:not(.home-app) .section.compact{padding:46px 0}
  body:not(.home-app) .toolbar{grid-template-columns:1fr 1fr}
  body:not(.home-app) .toolbar .search-box{grid-column:1/-1}
  body:not(.home-app) .floating-action{display:grid;position:fixed;left:50%;right:auto;transform:translateX(-50%);width:calc(min(100%,var(--app-width)) - 28px);bottom:78px;z-index:60;background:rgba(255,255,255,.96);padding:10px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
  body:not(.home-app) .floating-action .btn{width:100%}
}
@media(max-width:720px){
  body.app-layout{background:#fff}
  .app-canvas{box-shadow:none}
  .app-home-hero{height:340px}
  .app-topbar{top:12px;left:14px;right:14px}
  .app-logo{width:50px;height:50px;border-radius:15px}
  .app-search{height:43px}
  .hero-campaign-copy{left:22px;right:22px;bottom:29px}
  .hero-campaign-copy h1{font-size:2.5rem}
  .app-category-icon{width:58px;height:58px}
  .asar-trending .program-thumb{height:220px}
  .app-wa-float{left:auto;right:18px}
}
@media(max-width:390px){
  .app-home-hero{height:320px}
  .hero-campaign-copy h1{font-size:2.25rem}
  .app-category-grid{gap:2px}
  .app-category-icon{width:54px;height:54px;border-radius:17px}
  .app-category-icon .icon{width:26px;height:26px}
  .app-mini-program{grid-template-columns:103px 1fr}.app-mini-program img{width:103px;height:77px}
}

/* =========================================================
   TITIP SEDEKAH V3 — REFERENCE-ALIGNED APP HOMEPAGE
   Scoped to .home-v3 so inner pages are not redesigned.
   ========================================================= */
.home-v3{--app-width:580px;background:#e7e7e7!important;padding-bottom:66px!important;color:#151d1a}
.home-v3 .home-shell{width:min(100%,var(--app-width));margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 0 1px rgba(0,0,0,.035);overflow:hidden}
.home-v3 .v3-hero{height:324px;position:relative;overflow:hidden;background:#052e2b;isolation:isolate}
.home-v3 .v3-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;animation:v3HeroZoom 16s ease-in-out infinite alternate;z-index:-4}
.home-v3 .v3-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,26,.9) 0%,rgba(3,38,39,.58) 49%,rgba(3,25,26,.35) 75%,rgba(2,20,23,.56) 100%);z-index:-3}
.home-v3 .v3-hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 76% 19%,rgba(215,178,89,.22),transparent 26%),linear-gradient(180deg,rgba(5,50,52,.18),rgba(2,22,23,.18));z-index:-2}
@keyframes v3HeroZoom{from{transform:scale(1.015)}to{transform:scale(1.075)}}
.home-v3 .v3-topbar{position:absolute;left:32px;right:31px;top:17px;z-index:8;display:flex;gap:14px;align-items:center}
.home-v3 .v3-logo{width:56px;height:44px;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.2);overflow:hidden;display:grid;place-items:center;flex:0 0 auto;padding:2px}
.home-v3 .v3-logo img{width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:10px}
.home-v3 .v3-search{height:42px;flex:1;border-radius:999px;background:rgba(255,255,255,.97);color:#7b7f7d;padding:0 14px 0 17px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;box-shadow:0 5px 16px rgba(0,0,0,.14)}
.home-v3 .v3-search .mdi{color:#67706c;font-size:20px;line-height:1}
.home-v3 .v3-hero-copy{position:absolute;left:48px;top:91px;z-index:4;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.27);animation:v3CopyIn .72s ease both}
@keyframes v3CopyIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.home-v3 .v3-arrow-mark{display:block;color:#fff;font-size:42px;line-height:.55;font-weight:1000;letter-spacing:-7px;margin:0 0 12px 114px;transform:skewX(-8deg)}
.home-v3 .v3-kicker{font-weight:900;font-style:italic;font-size:18px;letter-spacing:-.03em;margin-bottom:-1px;color:#fff}
.home-v3 .v3-hero-copy h1{font-size:49px;line-height:.82;letter-spacing:-.07em;font-weight:1000;color:#e3bb5a;margin:0;max-width:320px;text-transform:uppercase}
.home-v3 .v3-hero-copy h1 strong{color:#fff;font-size:37px;letter-spacing:-.055em}
.home-v3 .v3-hero-copy p{color:rgba(255,255,255,.86);font-size:11.5px;font-weight:700;margin-top:14px;letter-spacing:.005em}
.home-v3 .v3-hero-badge{position:absolute;right:43px;bottom:21px;width:136px;min-height:112px;background:linear-gradient(155deg,#765230,#4f321d);border-radius:10px;color:#fff;padding:12px 12px 13px;transform:rotate(-2deg);box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.12);z-index:4}
.home-v3 .v3-hero-badge:before{content:"";position:absolute;inset:5px;border:1px dashed rgba(255,255,255,.28);border-radius:7px}
.home-v3 .v3-hero-badge span{position:relative;z-index:1;font-family:Georgia,serif;font-style:italic;font-size:15px;display:block;margin-bottom:3px}
.home-v3 .v3-hero-badge b{position:relative;z-index:1;font-size:21px;line-height:.87;letter-spacing:-.06em;display:block}

.home-v3 .v3-content{position:relative;margin-top:-1px;background:#fff;border-radius:22px 22px 0 0;z-index:10;min-height:600px;padding-top:1px}
.home-v3 .v3-section{padding:20px 18px 0}
.home-v3 .v3-section+.v3-section{padding-top:28px}
.home-v3 .v3-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.home-v3 .v3-section-head h2{font-size:15.5px;line-height:1.2;letter-spacing:-.025em;color:#202522;font-weight:850}
.home-v3 .v3-section-head a{font-size:10.5px;font-weight:800;color:#0a6b50}
.home-v3 .v3-category{padding-top:20px}
.home-v3 .v3-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 8px}
.home-v3 .v3-category-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:#1f2723}
.home-v3 .v3-icon-box{width:56px;height:56px;display:grid;place-items:center;position:relative;filter:drop-shadow(0 7px 8px rgba(16,75,58,.12));transition:transform .25s ease}
.home-v3 .v3-category-item:hover .v3-icon-box{transform:translateY(-4px) scale(1.03)}
.home-v3 .v3-icon-box svg{width:55px;height:55px;overflow:visible}
.home-v3 .v3-icon-box i{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);background:#f6ae22;color:#fff;font-style:normal;font-weight:900;font-size:7px;padding:2px 6px;border-radius:99px;box-shadow:0 2px 5px rgba(162,107,10,.25)}
.home-v3 .v3-category-item b{font-size:10px;line-height:1.1;white-space:nowrap;color:#17201c}
.home-v3 .v3-category-item:nth-child(1) b,.home-v3 .v3-category-item:nth-child(2) b{color:#066b4f}
.home-v3 .v3-dots{display:flex;gap:5px;justify-content:center;align-items:center;margin-top:22px}
.home-v3 .v3-dots span{width:4px;height:4px;background:#dedfdf;border-radius:99px}
.home-v3 .v3-dots .active{width:34px;background:#0b6a50}

.home-v3 .v3-trending{overflow:hidden;padding-top:27px!important}
.home-v3 .v3-trend-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 18px 5px 0;margin-right:-18px}
.home-v3 .v3-trend-track::-webkit-scrollbar{display:none}
.home-v3 .v3-trend-card{position:relative;min-width:82.5%;height:282px;border-radius:15px;overflow:hidden;scroll-snap-align:start;background:#0e6147;box-shadow:0 1px 0 rgba(0,0,0,.04);isolation:isolate}
.home-v3 .v3-trend-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease;z-index:-3}
.home-v3 .v3-trend-card:hover img{transform:scale(1.045)}
.home-v3 .v3-trend-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,42,30,.83),rgba(5,62,43,.4) 57%,rgba(0,0,0,.08)),linear-gradient(180deg,rgba(5,61,42,.08),rgba(1,22,16,.42));z-index:-2}
.home-v3 .v3-trend-brand{position:absolute;right:14px;top:13px;color:#fff;font-size:18px;font-weight:1000;letter-spacing:-.08em;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.home-v3 .v3-trend-brand span{display:block;font-size:7px;letter-spacing:.02em;text-align:right;margin-top:-4px;color:#f2c35f}
.home-v3 .v3-trend-copy{position:absolute;left:21px;bottom:23px;color:#fff;max-width:260px;text-shadow:0 3px 18px rgba(0,0,0,.28)}
.home-v3 .v3-trend-copy small{display:inline-block;background:#e2b953;color:#173c30;font-size:8.5px;font-weight:1000;padding:4px 8px;border-radius:999px;margin-bottom:8px}
.home-v3 .v3-trend-copy b{display:block;font-size:25px;line-height:.91;letter-spacing:-.045em;font-weight:1000}

.home-v3 .v3-featured{padding-top:27px!important}
.home-v3 .v3-feature-card{border:1px solid #ecefed;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(12,59,45,.06)}
.home-v3 .v3-feature-card>img{width:100%;height:212px;object-fit:cover;object-position:center 48%}
.home-v3 .v3-feature-body{padding:14px 15px 15px}
.home-v3 .v3-feature-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-v3 .v3-feature-top span{background:#fbf0d2;color:#946c26;font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px}
.home-v3 .v3-feature-top small{font-size:9px;color:#8b918e}
.home-v3 .v3-feature-body h3{font-size:14px;line-height:1.3;margin:10px 0 11px;color:#17211c}
.home-v3 .v3-feature-body p{font-size:9px;color:#929895}
.home-v3 .v3-progress-row{display:flex;align-items:end;justify-content:space-between;margin-top:2px}
.home-v3 .v3-progress-row b{font-size:13px;color:#0b6b50}.home-v3 .v3-progress-row strong{font-size:15px;color:#2e3532}
.home-v3 .v3-progress{height:5px;background:#edf0ee;border-radius:99px;overflow:hidden;margin:9px 0 9px}
.home-v3 .v3-progress i{height:100%;display:block;background:linear-gradient(90deg,#cda548,#0b6e51);border-radius:inherit;position:relative}
.home-v3 .v3-progress i:after,.home-v3 .v3-extra-progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:v3Shine 2.9s linear infinite}
@keyframes v3Shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
.home-v3 .v3-meta{display:flex;justify-content:space-between;font-size:9px;color:#8b918e}

.home-v3 .v3-extra-box{background:linear-gradient(145deg,#fff1b7 0%,#fff8dc 100%);border-radius:17px;padding:15px 13px 17px;border:1px solid #f3dda0}
.home-v3 .v3-extra-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.home-v3 .v3-extra-title span{font-size:18px}.home-v3 .v3-extra-title h2{font-size:16px;color:#322d24}
.home-v3 .v3-extra-list{display:grid}
.home-v3 .v3-extra-item{display:grid;grid-template-columns:139px 1fr;gap:11px;padding:10px 2px;border-bottom:1px solid rgba(186,151,61,.22)}
.home-v3 .v3-extra-item:last-child{border-bottom:0}
.home-v3 .v3-extra-item img{width:139px;height:88px;border-radius:9px;object-fit:cover}
.home-v3 .v3-extra-copy{min-width:0;padding-top:1px}.home-v3 .v3-extra-copy h3{font-size:11.7px;line-height:1.2;color:#2b2b26;margin:0 0 4px;font-weight:850}
.home-v3 .v3-extra-copy p{font-size:8.5px;color:#89887f;margin-bottom:4px}.home-v3 .v3-extra-copy p i{font-style:normal;color:#0b6b50;font-weight:800}
.home-v3 .v3-extra-copy small{display:block;font-size:8px;color:#159261;font-weight:800;margin-bottom:1px}
.home-v3 .v3-extra-money{display:flex;justify-content:space-between;align-items:end;gap:8px}.home-v3 .v3-extra-money b{font-size:10.5px;color:#0b7a58}.home-v3 .v3-extra-money strong{font-size:9px;color:#555b58}
.home-v3 .v3-extra-progress{height:3px;background:#dfe7e2;border-radius:99px;overflow:hidden;margin-top:4px}.home-v3 .v3-extra-progress i{display:block;height:100%;background:#e9aa1e;position:relative;border-radius:inherit}
.home-v3 .v3-extra-button{display:table;margin:14px auto 0;padding:9px 18px;border-radius:999px;background:#217357;color:#fff;font-size:9.5px;font-weight:900;box-shadow:0 8px 18px rgba(13,89,65,.17);transition:.25s}
.home-v3 .v3-extra-button:hover{transform:translateY(-2px)}

.home-v3 .v3-footer{margin-top:29px;background:linear-gradient(135deg,#ba923a,#98731f);color:#fff;text-align:center;padding:22px 18px 92px;position:relative;overflow:hidden}
.home-v3 .v3-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.16),transparent 28%)}
.home-v3 .v3-footer img{width:47px;height:47px;object-fit:cover;border-radius:13px;margin:0 auto 7px;position:relative}
.home-v3 .v3-footer p{position:relative;color:#fff;font-size:10px;line-height:1.35}.home-v3 .v3-footer p b{font-size:12px}
.home-v3 .v3-footer-links{position:relative;display:flex;gap:8px;justify-content:center;margin-top:10px;font-size:9px;color:rgba(255,255,255,.92)}
.home-v3 .v3-footer small{position:relative;display:block;font-size:8px;color:rgba(255,255,255,.76);margin-top:9px}

.home-v3 .v3-bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,var(--app-width))!important;height:65px!important;padding:6px 14px max(6px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #efefed!important;border-radius:16px 16px 0 0!important;box-shadow:0 -8px 24px rgba(0,0,0,.08)!important;z-index:100!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.home-v3 .v3-bottom-nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;border-radius:12px;color:#929392;font-size:9px;font-weight:800;padding:4px!important}
.home-v3 .v3-bottom-nav a.active{background:#fbf8ef;color:#b78d31}
.home-v3 .v3-bottom-nav svg{width:22px;height:22px}

/* Shared public navigation: four fixed, modern items on every public page. */
.public-bottom-nav,
.home-v3 .public-bottom-nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  height:74px!important;
  padding:8px 12px max(8px,env(safe-area-inset-bottom))!important;
  background:linear-gradient(135deg,#0b624a,#064b3b)!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-radius:20px 20px 0 0!important;
  box-shadow:0 -10px 30px rgba(4,62,46,.26)!important;
}
.public-bottom-nav a,
.home-v3 .public-bottom-nav a{
  min-width:0!important;
  min-height:54px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:5px 4px!important;
  border-radius:14px!important;
  color:rgba(235,248,241,.72)!important;
  font-size:9px!important;
  font-weight:800!important;
  transition:background .2s,color .2s,transform .2s!important;
}
.public-bottom-nav a.active,
.home-v3 .public-bottom-nav a.active{
  background:linear-gradient(135deg,#f8f2df,#fffdf7)!important;
  color:#0a6c51!important;
  box-shadow:0 5px 15px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
.public-bottom-nav a:active{transform:scale(.96)}
.public-bottom-nav .icon{width:20px!important;height:20px!important;font-size:20px;line-height:1}
.app-layout a:focus-visible,.app-layout button:focus-visible,.app-layout input:focus-visible,.app-layout textarea:focus-visible,.app-layout select:focus-visible{outline:3px solid rgba(231,190,91,.88);outline-offset:3px}
.home-v3 .v3-up{position:fixed;left:calc(50% + min(286px,50vw) - 52px);bottom:77px;width:40px;height:40px;border-radius:50%;background:#26775c;color:#fff;display:grid;place-items:center;z-index:95;box-shadow:0 8px 20px rgba(10,73,54,.25)}
.home-v3 .v3-up svg{width:20px;height:20px}

.home-v3 .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.home-v3 .reveal.show{opacity:1;transform:none}

@media(max-width:720px){
  .home-v3{background:#fff!important}
  .home-v3 .home-shell{box-shadow:none}
  .home-v3 .v3-hero{height:316px}
  .home-v3 .v3-topbar{left:16px;right:16px;top:14px}
  .home-v3 .v3-logo{width:51px;height:41px}
  .home-v3 .v3-search{height:40px}
  .home-v3 .v3-hero-copy{left:28px;top:88px}
  .home-v3 .v3-arrow-mark{font-size:38px;margin-left:95px}
  .home-v3 .v3-kicker{font-size:17px}
  .home-v3 .v3-hero-copy h1{font-size:43px}
  .home-v3 .v3-hero-copy h1 strong{font-size:33px}
  .home-v3 .v3-hero-badge{right:23px;bottom:20px;width:120px;min-height:101px;padding:11px}
  .home-v3 .v3-hero-badge b{font-size:18px}
  .home-v3 .v3-trend-card{height:260px;min-width:85%}
  .home-v3 .v3-feature-card>img{height:196px}
  .home-v3 .v3-up{left:auto;right:17px}
}
@media(max-width:390px){
  .home-v3 .v3-hero{height:298px}
  .home-v3 .v3-hero-copy{left:23px;top:82px}
  .home-v3 .v3-hero-copy h1{font-size:39px}.home-v3 .v3-hero-copy h1 strong{font-size:30px}
  .home-v3 .v3-hero-badge{width:107px;right:17px;bottom:17px;min-height:92px}.home-v3 .v3-hero-badge b{font-size:16px}.home-v3 .v3-hero-badge span{font-size:13px}
  .home-v3 .v3-category-grid{gap:4px;padding:0}.home-v3 .v3-icon-box{width:51px;height:51px}.home-v3 .v3-icon-box svg{width:50px;height:50px}
  .home-v3 .v3-trend-card{height:237px;min-width:87%}.home-v3 .v3-trend-copy b{font-size:21px}
  .home-v3 .v3-extra-item{grid-template-columns:112px 1fr;gap:9px}.home-v3 .v3-extra-item img{width:112px;height:78px}.home-v3 .v3-extra-copy h3{font-size:10.7px}
}