:root{--blue:#075bb5;--green:#2d8a2c;--orange:#ffae00;--ink:#122033;--soft:#f4f8fb}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);line-height:1.7}.site-logo{width:58px;height:58px;object-fit:contain;border-radius:10px}.brand-name{font-weight:800;color:var(--blue)}.navbar{min-height:78px}.nav-link{font-weight:600;color:#243447!important;padding:.65rem .85rem!important;transition:.25s}.nav-link:hover{color:var(--green)!important;transform:translateY(-2px)}.btn{border-radius:999px;padding:.7rem 1.35rem;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1232}.btn-primary{background:var(--blue);border-color:var(--blue)}.hero{position:relative}.hero-media,.hero-placeholder{height:min(78vh,720px);width:100%;object-fit:cover;background:linear-gradient(120deg,#07366c,#1e8e4a 55%,#ffb000)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#031326cc,#03132655 60%,#03132622)}.carousel-caption{top:0;bottom:0;display:flex;align-items:center}.carousel-caption .container{padding-top:60px}.carousel-caption h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.03;max-width:850px;font-weight:850}.carousel-caption p{font-size:1.15rem;max-width:700px}.eyebrow{letter-spacing:.18em;font-weight:800;font-size:.78rem;color:var(--orange);display:inline-block;margin-bottom:12px}.section-pad{padding:90px 0}.section-heading h2,h2{font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.impact-card{padding:32px;border-radius:22px;background:#fff;box-shadow:0 15px 40px #1231;border-top:5px solid var(--green)}.impact-card strong{display:block;font-size:1.5rem}.impact-card span{color:#697687}.cause-card{background:#fff;border:1px solid #e5edf3;border-radius:22px;padding:30px;transition:.3s}.cause-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #1232}.cause-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#eaf6e7;color:var(--green);font-size:25px;margin-bottom:18px}.cause-card h3{font-size:1.3rem;font-weight:800}.cause-card a{color:var(--blue);font-weight:700;text-decoration:none}.cta-section{padding:90px 20px;background:linear-gradient(120deg,#075bb5,#167c52);color:#fff}.cta-section h2{max-width:850px;margin:0 auto 15px}.page-hero{padding:90px 0;background:linear-gradient(120deg,#07366c,#1e8e4a);color:#fff}.page-hero h1{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:850;max-width:850px}.mini-card,.about-box,.form-card,.donation-note{background:#fff;border-radius:22px;padding:28px;box-shadow:0 12px 35px #1231;border:1px solid #e6edf2}.about-box{background:linear-gradient(145deg,#eaf7e7,#e9f4ff);border:0}.gallery-card{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 12px 35px #1231}.gallery-card img,.gallery-card video{width:100%;height:270px;object-fit:cover;display:block}.form-control{border-radius:12px;padding:.85rem 1rem;border:1px solid #d7e0e8}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem #075bb522}.footer{background:#091522;color:#b7c2ce;padding:65px 0 25px}.footer h5{color:#fff;margin-bottom:18px}.footer a{display:block;color:#b7c2ce;text-decoration:none;margin:7px 0}.footer a:hover{color:#fff}.footer-logo{width:130px;height:100px;object-fit:contain;background:#fff;border-radius:10px}.footer hr{border-color:#ffffff22;margin:40px 0 20px}@media(max-width:767px){.section-pad{padding:60px 0}.hero-media,.hero-placeholder{height:620px}.carousel-caption h1{font-size:2.45rem}.impact-grid{grid-template-columns:1fr}.navbar{min-height:68px}.site-logo{width:52px;height:52px}}/* Premium About page */
.about-hero{padding:110px 0 95px;position:relative;overflow:hidden}.about-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #ffffff22;right:-120px;top:-100px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff04}.hero-badge{display:flex;gap:14px;align-items:center;justify-content:flex-end;color:#fff;padding:18px 0}.hero-badge>i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#ffffff18;color:var(--orange);font-size:1.5rem}.hero-badge strong{color:#fff}.about-visual{min-height:430px;border-radius:32px;background:linear-gradient(145deg,#eaf7e7,#eaf3ff);position:relative;display:grid;place-items:center;overflow:hidden}.about-visual:before,.about-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid #075bb522}.about-visual:before{width:360px;height:360px}.about-visual:after{width:260px;height:260px}.about-circle{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),#0a7dce);color:#fff;font-size:5rem;box-shadow:0 30px 70px #075bb544;position:relative;z-index:2}.floating-card{position:absolute;z-index:3;background:#fff;padding:12px 17px;border-radius:14px;box-shadow:0 14px 35px #1232;display:flex;gap:9px;align-items:center;font-weight:800}.floating-card i{color:var(--green)}.floating-card.one{top:55px;left:42px}.floating-card.two{right:35px;top:115px}.floating-card.three{bottom:55px;left:75px}.value-card{height:100%;background:#fff;border:1px solid #e7edf2;border-radius:24px;padding:28px;position:relative;transition:.3s}.value-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #1232}.value-card>span{position:absolute;right:22px;top:23px;color:#a9b4c0;font-weight:800}.value-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:1.45rem;margin-bottom:22px}.value-icon.blue{background:#e6f1ff;color:var(--blue)}.value-icon.green{background:#e8f6e6;color:var(--green)}.value-icon.orange{background:#fff2d5;color:#d98700}.value-icon.purple{background:#f0eaff;color:#7046b8}.value-card h3{font-size:1.3rem;font-weight:800}.value-card p{color:#6c7886;margin-bottom:0}.focus-list{display:grid;gap:15px}.focus-item{display:flex;gap:18px;align-items:flex-start;padding:22px;border:1px solid #e7edf2;border-radius:20px;background:#fff;transition:.25s}.focus-item:hover{transform:translateX(6px);box-shadow:0 12px 30px #1231}.focus-icon{flex:0 0 52px;width:52px;height:52px;border-radius:15px;background:#eaf6e7;color:var(--green);display:grid;place-items:center;font-size:1.25rem}.focus-item h4{font-size:1.08rem;font-weight:800;margin:2px 0 4px}.focus-item p{margin:0;color:#6c7886}.mission-banner{padding:80px 0;background:linear-gradient(120deg,#075bb5,#167c52);color:#fff}.mission-banner h2{max-width:850px;margin:0}.mission-banner .eyebrow{color:#ffca3a}@media(max-width:767px){.about-hero{padding:80px 0}.hero-badge{justify-content:flex-start}.about-visual{min-height:350px}.about-circle{width:150px;height:150px;font-size:4rem}.floating-card.one{left:18px;top:28px}.floating-card.two{right:15px;top:80px}.floating-card.three{left:25px;bottom:28px}}

/* Premium navigation + button styling */
.site-navbar{min-height:82px;border-bottom:1px solid #edf1f5;box-shadow:0 5px 24px rgba(18,32,51,.06)!important;backdrop-filter:saturate(140%) blur(8px)}
.site-navbar .navbar-brand{transition:.25s ease}.site-navbar .navbar-brand:hover{transform:translateY(-2px)}
.nav-pill{position:relative;display:inline-flex!important;align-items:center;gap:7px;font-weight:750!important;color:#243447!important;padding:.68rem .9rem!important;border-radius:999px;transition:all .25s ease!important}
.nav-pill i{font-size:.92rem;color:#5e6d7c;transition:.25s ease}.nav-pill:hover,.nav-pill:focus,.nav-pill.active{background:#eef7ff;color:var(--blue)!important;transform:translateY(-1px)}
.nav-pill:hover i,.nav-pill.active i{color:var(--blue)}
.nav-pill:after{margin-left:3px!important;vertical-align:middle!important}
.site-dropdown{min-width:235px;padding:9px;margin-top:12px!important;border:1px solid #e5edf4;border-radius:18px;box-shadow:0 18px 45px rgba(18,32,51,.15);background:rgba(255,255,255,.98);animation:dropdownIn .18s ease-out}
.site-dropdown:before{content:"";position:absolute;top:-6px;left:28px;width:12px;height:12px;background:#fff;border-left:1px solid #e5edf4;border-top:1px solid #e5edf4;transform:rotate(45deg)}
.site-dropdown .dropdown-item{display:flex;align-items:center;border-radius:12px;padding:11px 13px;color:#344457;font-weight:650;transition:.2s ease}.site-dropdown .dropdown-item i{color:var(--blue);font-size:1rem}.site-dropdown .dropdown-item:hover{background:linear-gradient(90deg,#eef7ff,#f3faef);color:var(--blue);transform:translateX(3px)}
@keyframes dropdownIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.btn{position:relative;overflow:hidden;border:none!important;letter-spacing:.01em}.btn:after{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:.55s ease}.btn:hover:after{left:140%}
.btn-primary{background:linear-gradient(135deg,#075bb5,#0b76d1)!important;box-shadow:0 9px 22px rgba(7,91,181,.22)}
.btn-warning{background:linear-gradient(135deg,#ffad00,#ffca3a)!important;color:#172333!important;box-shadow:0 9px 22px rgba(255,174,0,.25)}
.btn-outline-light{border:1px solid rgba(255,255,255,.65)!important;background:rgba(255,255,255,.10);backdrop-filter:blur(7px);color:#fff!important;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.btn-donate{display:inline-flex;align-items:center;gap:2px;padding:.72rem 1.15rem!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(135deg,#075bb5,#167c52)!important;box-shadow:0 9px 24px rgba(7,91,181,.2);white-space:nowrap}.btn-donate .btn-arrow{display:inline-block;margin-left:4px;transition:.25s}.btn-donate:hover .btn-arrow{transform:translateX(4px)}
.hero-action{display:inline-flex;align-items:center;gap:9px;min-width:155px;justify-content:center}.hero-action .action-arrow{font-size:1.05rem;transition:.25s}.hero-action:hover .action-arrow{transform:translateX(5px)}
.cube-caption-card{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);margin-bottom:12px}.cube-caption-card .eyebrow{margin:0}
@media(max-width:991px){.site-dropdown{border-radius:14px;box-shadow:none;margin:4px 8px!important;padding:6px;background:#f7fafc}.site-dropdown:before{display:none}.nav-pill{border-radius:12px}.navbar-nav{padding:10px 0}.btn-donate{justify-content:center}.nav-item .dropdown-menu{position:static!important}}
.anchor-target{display:block;position:relative;top:-100px;visibility:hidden}

/* Album / Folder Gallery */
.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.album-folder{display:block;text-decoration:none;color:var(--ink);transition:.3s}.album-folder:hover{transform:translateY(-8px)}.folder-cover{height:250px;position:relative;border-radius:22px 22px 16px 16px;background:#eaf2f7;overflow:hidden;box-shadow:0 18px 40px #1232;border:1px solid #dfe9ef}.folder-cover:before{content:"";position:absolute;left:18px;top:-1px;width:105px;height:30px;background:#fff;border-radius:0 0 14px 0;z-index:2;box-shadow:8px 0 0 rgba(255,255,255,.7)}.folder-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#06111a55);pointer-events:none}.folder-cover img,.folder-cover video{width:100%;height:100%;object-fit:cover}.folder-tab{position:absolute;top:0;left:18px;width:90px;height:25px;background:#fff;border-radius:0 0 12px 12px;z-index:3}.folder-play,.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffffffdd;color:var(--blue);font-size:22px;box-shadow:0 10px 25px #0003;z-index:4}.folder-info{background:#fff;border:1px solid #e5edf3;border-top:0;border-radius:0 0 22px 22px;padding:20px 22px;box-shadow:0 15px 35px #1231}.folder-info h3{font-size:1.25rem;font-weight:850;margin:0 0 5px}.folder-info span{color:#718091;font-size:.94rem}.folder-info b{display:block;margin-top:12px;color:var(--blue);font-size:.95rem}.album-masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;grid-auto-flow:dense;gap:16px}.album-tile{border-radius:20px;overflow:hidden;cursor:pointer;background:#edf3f6;box-shadow:0 12px 30px #1232;position:relative}.album-tile.large{grid-column:span 2;grid-row:span 2}.album-tile.tall{grid-row:span 2}.album-tile.wide{grid-column:span 2}.album-media-wrap{height:100%;position:relative}.album-media-wrap img,.album-media-wrap video{width:100%;height:100%;object-fit:cover;display:block;transition:.45s}.album-tile:hover img,.album-tile:hover video{transform:scale(1.06)}.tile-caption{position:absolute;left:0;right:0;bottom:0;padding:45px 18px 16px;color:#fff;background:linear-gradient(transparent,#000a);opacity:0;transform:translateY(8px);transition:.25s}.album-tile:hover .tile-caption{opacity:1;transform:none}.album-lightbox{position:fixed;inset:0;background:#04101dee;display:none;align-items:center;justify-content:center;z-index:9999;padding:30px}.album-lightbox.show{display:flex}.lightbox-stage{max-width:min(1100px,88vw);max-height:88vh;display:flex;align-items:center;justify-content:center}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:85vh;border-radius:14px;box-shadow:0 25px 80px #0008}.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;border:0;background:#ffffff18;color:#fff;width:48px;height:48px;border-radius:50%;font-size:32px;line-height:1}.lightbox-close{right:24px;top:20px}.lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff35}.badge.text-bg-light{color:#334155!important;background:#f6f9fb!important}
@media(max-width:991px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}@media(max-width:575px){.album-grid{grid-template-columns:1fr}.album-masonry{grid-template-columns:1fr 1fr;grid-auto-rows:140px;gap:10px}.album-tile.large{grid-column:span 2;grid-row:span 2}.album-tile.wide{grid-column:span 2}.folder-cover{height:230px}.tile-caption{display:none}.lightbox-prev{left:10px}.lightbox-next{right:10px}.album-lightbox{padding:15px}}
