:root{--color-dark-blue:#022a61;--color-text-sec:#4d4d4dc4}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}button{background:0 0;border:1px solid #777;border-radius:10%;padding:.3rem}img{border:none;outline:none}h3,h1,h2,h4,p,span{margin:0;padding:0}p{color:var(--color-text-sec)}.top-bar{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#fffffff5;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 1.5rem;display:flex}img.top-bar-left{border-radius:50%;width:2.6rem;height:2.6rem}.top-bar-left{flex-direction:row;align-items:center;gap:.5rem;display:flex}.top-bar-left-name h3{font-size:1.05rem;line-height:1.1}.top-bar-left-name p{font-size:.75rem}button.top-bar-right{background:var(--color-dark-blue);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;display:flex}.top-bar-ctr{flex-direction:row;gap:.75rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.top-bar-ctr-tab{color:#64748b;cursor:pointer;border:none;border-radius:0;padding:.35rem .2rem;font-size:.9rem;font-weight:500;transition:color .2s}.top-bar-ctr-tab:hover{color:var(--color-dark-blue)}.top-bar-ctr-tab.active{color:var(--color-dark-blue);border-bottom:2px solid var(--color-dark-blue);font-weight:700}.main-container{flex-direction:column;width:100%;height:calc(100vh - 56px);max-height:calc(100vh - 56px);display:flex;overflow:hidden}.home-page-top-part{color:#fff;background-color:var(--color-dark-blue);box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;height:52%;min-height:52%;max-height:52%;display:flex;position:relative;overflow:hidden}.home-hero-bg-container{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.home-hero-bg-slide{opacity:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1.2s ease-in-out,transform 6s ease-out;position:absolute;inset:0;transform:scale(1)}.home-hero-bg-slide.active{opacity:1;transform:scale(1.04)}.home-hero-overlay{z-index:1;background:linear-gradient(105deg,#022a61d9 0%,#022a61ad 45%,#0d428c47 100%);position:absolute;inset:0}.home-page-top-part-padd{z-index:2;box-sizing:border-box;flex-direction:column;max-width:1200px;padding:1.5rem 6rem;display:flex;position:relative}.home-page-top-part-h3{letter-spacing:2px;color:#93c5fd;text-transform:uppercase;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.home-page-top-part-h1{letter-spacing:-.5px;color:#fff;text-shadow:0 2px 12px #00000059;margin-bottom:.35rem;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:800;line-height:1.1}.home-page-top-part-h1-span{color:#facc15;text-shadow:0 2px 14px #facc1559}.home-page-top-part-h3-p{color:#ffffffe6;max-width:580px;margin-bottom:.85rem;font-size:.92rem;font-weight:400;line-height:1.45}.home-page-top-part-padd-btn{flex-direction:row;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.home-page-top-part-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.45rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.home-page-top-part-btn.blue{color:#fff;background:#2563eb;border:1px solid #3b82f6;box-shadow:0 4px 12px #2563eb59}.home-page-top-part-btn.blue:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb73}.home-page-top-part-btn.white{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff59}.home-page-top-part-btn.white:hover{color:var(--color-dark-blue);background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #fff3}.home-page-top-part-lines{border-top:1px solid #ffffff26;flex-direction:row;align-items:center;padding-top:.65rem;display:flex}.home-page-stat-item{color:#fff;flex-direction:column;padding:.2rem 1.4rem .2rem 0;font-size:1.35rem;font-weight:800;display:flex}.home-page-stat-item.line-1{border-right:1px solid #fff3;margin-right:1.4rem}.home-page-stat-item p{color:#ffffffbf;margin-top:.1rem;font-size:.78rem;font-weight:500}.home-page-bottom-part{box-sizing:border-box;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;width:100%;height:48%;min-height:48%;max-height:48%;padding:.75rem 2.5rem;display:flex;overflow:hidden}.home-page-btm-first{text-align:center;flex-direction:column;align-items:center;gap:.25rem;max-width:680px;display:flex}.home-page-btm-first-h3{letter-spacing:2px;color:#2563eb;text-transform:uppercase;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;padding:.2rem .75rem;font-size:.72rem;font-weight:700}.home-page-btm-first-h2{color:#0f172a;letter-spacing:-.3px;font-size:1.35rem;font-weight:800}.home-page-btm-first-p{color:#64748b;max-width:600px;margin:0 auto;font-size:.82rem;line-height:1.35}.home-page-btm-second{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:1200px;margin:0 auto;display:grid}.home-page-btm-second-item{cursor:default;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.9rem 1rem;transition:all .25s;display:flex;box-shadow:0 2px 10px -2px #0f172a0a}.home-page-btm-second-item:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 18px -4px #0f172a14}.home-page-btm-second-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .25s;display:flex}.home-page-btm-second-item:hover .home-page-btm-second-icon{transform:scale(1.08)}.home-page-btm-second-h4{color:#0f172a;letter-spacing:-.2px;font-size:.98rem;font-weight:700}.home-page-btm-second-p{color:#64748b;font-size:.78rem;line-height:1.35}.activities-container{box-sizing:border-box;background:#f8fafc;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden auto}.activities-header{color:#fff;background:linear-gradient(135deg,#022a61 0%,#0d428c 100%);flex-direction:column;gap:1.2rem;padding:2.2rem 3rem 1.8rem;display:flex;position:relative;box-shadow:0 4px 20px #022a6126}.activities-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.activities-header-title-wrap h1{letter-spacing:-.5px;margin-bottom:.35rem;font-size:1.95rem;font-weight:800}.activities-header-title-wrap p{color:#cbd5e1;max-width:600px;font-size:.92rem;line-height:1.4}.activities-header-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;gap:1.5rem;padding:.6rem 1.2rem;display:flex}.activities-stat-box{flex-direction:column;align-items:center;display:flex}.activities-stat-num{color:#facc15;font-size:1.35rem;font-weight:800}.activities-stat-label{color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.activities-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.activities-search-box{background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:.6rem;width:280px;padding:.45rem .85rem;transition:all .2s;display:flex}.activities-search-box:focus-within{background:#ffffff40;border-color:#fff}.activities-search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.activities-search-box input::placeholder{color:#ffffffa6}.activities-categories{gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.activities-category-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s}.activities-category-btn:hover{color:#fff;background:#fff3}.activities-category-btn.active{color:#022a61;background:#fff;border-color:#fff;font-weight:700;box-shadow:0 2px 8px #00000026}.activities-content{flex-direction:column;gap:1.5rem;padding:1.8rem 3rem 3rem;display:flex}.activities-loading,.activities-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.activities-spinner{border:3px solid #e2e8f0;border-top-color:#022a61;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.activities-refresh-btn{color:#fff;cursor:pointer;background:#022a61;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s;display:inline-flex}.activities-refresh-btn:hover{background:#0d428c}.activities-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.4rem;width:100%;display:grid}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 2px 10px -2px #0f172a0d}.activity-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px -4px #0f172a1a}.activity-card-banner{box-sizing:border-box;background-color:#022a61;background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;width:100%;height:180px;padding:.85rem;display:flex;position:relative}.activity-category-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#022a61d9;border:1px solid #fff3;border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.activity-date-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0f172a;background:#fffffff2;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0000001a}.activity-card-body{flex-direction:column;flex:1;justify-content:space-between;gap:.85rem;padding:1.2rem;display:flex}.activity-card-info{flex-direction:column;gap:.45rem;display:flex}.activity-card-title{color:#0f172a;font-size:1.15rem;font-weight:700;line-height:1.3}.activity-card-desc{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.activity-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.85rem;display:flex}.activity-volunteer-count{color:#2563eb;background:#eff6ff;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:flex}.activity-view-photos-btn{color:#022a61;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.activity-view-photos-btn:hover{color:#fff;background:#022a61;border-color:#022a61}.gallery-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;box-sizing:border-box;background:#022a61bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.gallery-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:850px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}.gallery-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}.gallery-modal-header h3{color:#0f172a;font-size:1.1rem;font-weight:700}.gallery-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.gallery-modal-close:hover{color:#0f172a;background:#e2e8f0}.gallery-modal-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.4rem;display:grid;overflow-y:auto}.gallery-modal-item{object-fit:cover;border-radius:10px;width:100%;height:150px;transition:transform .2s;box-shadow:0 2px 8px #00000014}.gallery-modal-item:hover{transform:scale(1.03)}@media (width<=768px){.activities-header{padding:1.5rem}.activities-content{padding:1.2rem}.activities-search-box{width:100%}}