:root[data-theme=light]{--color-primary: #1F4C35;--color-secondary: #49B27C;--color-tertiary: #96D2B5;--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-scaffold-background: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #757575;--color-text-on-primary: #FFFFFF;--color-border: #E0E0E0;--color-divider: #D9D9D9;--color-shadow: rgba(0, 0, 0, .1);--color-catalog-background: #F6F6F6;--color-catalog-text: #3B3B3B;--color-catalog-card-background: #F9FAFB;--color-catalog-card-shadow: rgba(142, 142, 142, .2);--color-catalog-card-text-primary: #111111;--color-catalog-card-text-secondary: rgba(17, 17, 17, .6);--color-catalog-divider: rgba(0, 0, 0, .16);--color-catalog-tab-inactive: #838589;--color-campaign-card-background: #F7F7F7;--color-campaign-title: #292D32;--color-progress-bar-unfilled: #E0E0E0;--color-tab-inactive: #9E9E9E;--color-bottom-sheet-background: #F7F7F7;--color-bottom-sheet-divider: #C0C0C0;--color-dropdown-background: #F2F2F2;--color-chip-border-inactive: #D9D9D9;--color-field-divider: #E4E4E4;--color-hint-text: #D0D0D0;--color-glass-effect: rgba(113, 113, 113, .3);--color-inactive-indicator: #D9D9D9;--glass-background: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: rgba(0, 0, 0, .1);--glow-primary: rgba(73, 178, 124, .3);--glow-secondary: rgba(73, 178, 124, .2);--glow-intense: rgba(73, 178, 124, .5)}:root[data-theme=dark]{--color-primary: #49B27C;--color-secondary: #96D2B5;--color-tertiary: #1F4C35;--color-background: #0C1210;--color-surface: #111A17;--color-scaffold-background: #0C1210;--color-text-primary: #FFFFFF;--color-text-secondary: #B0B0B0;--color-text-on-primary: #000000;--color-border: #404040;--color-divider: #404040;--color-shadow: rgba(255, 255, 255, .1);--color-catalog-background: #273142;--color-catalog-text: #E0E0E0;--color-catalog-card-background: #111A17;--color-catalog-card-shadow: rgba(0, 0, 0, .2);--color-catalog-card-text-primary: #FFFFFF;--color-catalog-card-text-secondary: rgba(255, 255, 255, .6);--color-catalog-divider: rgba(255, 255, 255, .16);--color-catalog-tab-inactive: #9E9E9E;--color-campaign-card-background: #111A17;--color-campaign-title: #FFFFFF;--color-progress-bar-unfilled: #404040;--color-tab-inactive: #9E9E9E;--color-bottom-sheet-background: #273142;--color-bottom-sheet-divider: #404040;--color-dropdown-background: #2F3A4D;--color-chip-border-inactive: #404040;--color-field-divider: #404040;--color-hint-text: #707070;--color-glass-effect: rgba(255, 255, 255, .3);--color-inactive-indicator: #404040;--glass-background: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3);--glow-primary: rgba(73, 178, 124, .4);--glow-secondary: rgba(73, 178, 124, .25);--glow-intense: rgba(73, 178, 124, .6)}:root{--color-primary: #1F4C35;--color-secondary: #49B27C;--color-tertiary: #96D2B5;--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-scaffold-background: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #757575;--color-text-on-primary: #FFFFFF;--color-border: #E0E0E0;--color-divider: #D9D9D9;--color-shadow: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[dir=rtl] *,html[lang=ar] *,body[dir=rtl] *,body[lang=ar] *{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}body{margin:0;min-width:320px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .2s ease,color .2s ease;will-change:background-color,color}body[dir=rtl]{direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body[dir=ltr]{direction:ltr}#root{width:100%;min-height:100vh;background-color:var(--color-background);transition:background-color .2s ease;will-change:background-color}a{font-weight:500;text-decoration:inherit;color:inherit}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}html{scroll-behavior:smooth;scroll-padding-top:0;overflow-y:auto;overflow-x:hidden}body{overflow-y:auto;overflow-x:hidden;min-height:100vh}html:not(.loaded),body:not(.loaded){scroll-behavior:auto!important}html.loaded,body.loaded{scroll-behavior:smooth}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}*{-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--glow-primary),0 0 40px var(--glow-secondary)}50%{box-shadow:0 0 30px var(--glow-intense),0 0 60px var(--glow-primary)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 5px var(--glow-primary))}50%{filter:drop-shadow(0 0 15px var(--glow-intense)) drop-shadow(0 0 25px var(--glow-secondary))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-down{animation:fadeInDown .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.scale-in{animation:scaleIn .4s ease-out}.glow{animation:glow 3s ease-in-out infinite}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}.float{animation:float 6s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);background-size:1000px 100%;animation:shimmer 3s infinite}a,button,a:hover,button:hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass{background:var(--glass-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow)}.glass-card{background:var(--glass-background);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px var(--glass-shadow),0 0 20px var(--glow-primary);border-color:var(--color-secondary)}.glass-button{background:var(--glass-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 4px 16px var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:var(--glow-primary);box-shadow:0 6px 24px var(--glow-intense),0 0 30px var(--glow-secondary);transform:translateY(-2px)}.navbar{width:100%;background:var(--glass-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.75rem 1.5rem;box-shadow:0 2px 4px var(--glass-shadow),0 0 0 1px var(--glass-border) inset;position:sticky;top:0;z-index:10001;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInDown .6s ease-out;border-bottom:1px solid var(--glass-border)}.navbar.scrolled{background:var(--glass-background);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 8px 32px var(--glass-shadow),0 0 20px var(--glow-primary);padding:.6rem 1.5rem;border-bottom-color:var(--color-secondary)}[data-theme=dark] .navbar{background-color:var(--color-background)}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:inherit;isolation:isolate}.navbar-right{display:flex;align-items:center;gap:1.25rem}[dir=rtl] .navbar-right,[dir=ltr] .navbar-right{flex-direction:row}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:1.25rem;align-items:center}[dir=rtl] .nav-links,[dir=ltr] .nav-links{flex-direction:row}.nav-links li{position:relative}.nav-link{text-decoration:none;color:var(--color-text-primary);font-size:.9rem;font-weight:500;padding:.4rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.25rem;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-secondary);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--color-secondary);transform:translateY(-2px)}.nav-link:hover:after{width:100%}.nav-link.active:after{width:100%}.nav-link.active{color:var(--color-secondary);font-weight:600}.dropdown-wrapper{position:relative;z-index:10010}.nav-link-button{background:none;border:none;cursor:pointer;font-family:inherit;outline:none}.nav-link-button:focus{outline:none;box-shadow:none}.nav-link-button:active{outline:none;box-shadow:none}.nav-link-button:focus-visible{outline:none;box-shadow:none}.nav-link-button .rotated{transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}.donation-dropdown{position:absolute;top:calc(100% + .5rem);background-color:var(--color-dropdown-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 6px var(--color-shadow);min-width:180px;z-index:99999!important;padding:.5rem 0;opacity:0;transform:translateY(-10px) translateZ(0);pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease;will-change:transform,opacity}.donation-dropdown.open{opacity:1;transform:translateY(0) translateZ(0);pointer-events:auto}[dir=rtl] .donation-dropdown{right:0;left:auto}[dir=ltr] .donation-dropdown{left:0;right:auto}.dropdown-item{display:block;padding:.75rem 1.5rem;text-decoration:none;color:var(--color-text-primary);font-size:.95rem;transition:background-color .2s ease,color .2s ease}[dir=rtl] .dropdown-item{text-align:right}[dir=ltr] .dropdown-item{text-align:left}.dropdown-item:hover{background-color:var(--color-catalog-background);color:var(--color-secondary)}.logo-container{display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease}.logo-container{position:static}.logo-container:hover{opacity:.8}.logo-image{width:55px;height:55px;object-fit:contain;display:block}.navbar-left{display:flex;align-items:center;gap:1rem;position:relative;z-index:inherit}[dir=rtl] .navbar-left{flex-direction:row}[dir=ltr] .navbar-left{flex-direction:row-reverse}.language-selector{position:relative;z-index:10010}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-dropdown-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--color-text-primary);transition:all .3s ease}.language-icon{flex-shrink:0;color:var(--color-text-primary);transition:color .3s ease}.language-btn:hover .language-icon{color:var(--color-secondary)}.language-btn:hover{background-color:var(--color-catalog-background);border-color:var(--color-divider)}[data-theme=dark] .language-btn{background-color:var(--color-background)}.language-dropdown{position:absolute;top:calc(100% + .5rem);background-color:var(--color-dropdown-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 6px var(--color-shadow);min-width:120px;z-index:99999!important;transform:translateZ(0);transition:background-color .3s ease,border-color .3s ease;will-change:transform}[dir=rtl] .language-dropdown{left:0;right:auto}[dir=ltr] .language-dropdown{right:0;left:auto}.language-dropdown button{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-text-primary);transition:background-color .2s ease}[dir=rtl] .language-dropdown button{text-align:right}[dir=ltr] .language-dropdown button{text-align:left}.language-dropdown button:hover{background-color:var(--color-catalog-background)}.language-dropdown button.active{background-color:var(--color-secondary);color:var(--color-text-on-primary);font-weight:600}.language-dropdown button.active:hover{background-color:var(--color-primary)}.language-dropdown button:first-child{border-radius:8px 8px 0 0}.language-dropdown button:last-child{border-radius:0 0 8px 8px}.theme-toggle-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);color:var(--color-text-primary);position:relative;overflow:hidden}.theme-toggle-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(73,178,124,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.theme-toggle-btn:hover:before{width:120px;height:120px}.theme-toggle-btn svg{position:relative;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:hover{background-color:var(--color-catalog-background);border-color:var(--color-secondary);transform:scale(1.1) rotate(180deg);box-shadow:0 0 20px #49b27c4d,0 4px 12px #0000001a}.theme-toggle-btn:active{transform:scale(1.05) rotate(180deg)}.theme-toggle-btn.changing svg{animation:iconSpin .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn.changing{animation:buttonPulse .5s cubic-bezier(.4,0,.2,1)}@keyframes iconSpin{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.3);opacity:.5}to{transform:rotate(360deg) scale(1);opacity:1}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}[data-theme=dark] .theme-toggle-btn{box-shadow:0 0 10px #49b27c33}[data-theme=dark] .theme-toggle-btn:hover{box-shadow:0 0 25px #49b27c80,0 4px 12px #0000004d;background:linear-gradient(135deg,#49b27c1a,#2731424d)}[data-theme=dark] .donation-dropdown,[data-theme=dark] .language-dropdown,[data-theme=dark] .user-menu-dropdown,[data-theme=dark] .mobile-menu,[data-theme=dark] .mobile-donation-dropdown{background-color:var(--color-background)}.user-menu-wrapper{position:relative;display:flex;align-items:center;z-index:10010}.user-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .5rem;border-radius:24px;border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;transition:all .3s ease;color:var(--color-text-primary);font-size:.9rem;font-weight:500;max-width:200px;flex-direction:row-reverse}[dir=rtl] .user-btn{flex-direction:row-reverse;padding:.375rem .75rem .375rem .5rem}[dir=ltr] .user-btn{flex-direction:row;padding:.375rem .5rem .375rem .75rem}.user-btn:hover{background-color:var(--color-catalog-background);border-color:var(--color-divider);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.user-btn.login-link{width:auto;padding:.5rem 1rem;text-decoration:none;display:flex;align-items:center;gap:.5rem;border-radius:24px;font-size:.9rem;font-weight:500;white-space:nowrap}.user-btn.login-link:hover{background-color:var(--color-catalog-background);border-color:var(--color-divider);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.auth-buttons{display:flex;align-items:center;gap:.75rem}.auth-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:24px;border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;transition:all .3s ease;color:var(--color-text-primary);font-size:.9rem;font-weight:500;text-decoration:none;white-space:nowrap}.auth-btn:hover{background-color:var(--color-catalog-background);border-color:var(--color-divider);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.auth-btn.login-btn{border-color:var(--color-border)}.auth-btn.register-btn{background:linear-gradient(135deg,#0d9d57,#11b868);color:#fff;border-color:transparent}.auth-btn.register-btn:hover{background:linear-gradient(135deg,#0b8a4a,#0fa05a);box-shadow:0 4px 12px #0d9d574d}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-top:1px solid var(--color-border);margin-top:1rem}.mobile-auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease}.mobile-auth-btn:hover{background-color:var(--color-catalog-background);border-color:var(--color-divider)}.mobile-auth-btn.mobile-register-btn{background:linear-gradient(135deg,#0d9d57,#11b868);color:#fff;border-color:transparent}.mobile-auth-btn.mobile-register-btn:hover{background:linear-gradient(135deg,#0b8a4a,#0fa05a);box-shadow:0 4px 12px #0d9d574d}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);flex-shrink:0}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0d9d57,#11b868);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0;border:2px solid var(--color-border)}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.user-btn svg.rotated{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .75rem);right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #00000026;width:200px;min-width:200px;max-width:200px;z-index:99999!important;overflow:hidden;transform:translateZ(0);animation:userMenuSlideDown .3s cubic-bezier(.4,0,.2,1);padding:.5rem 0;will-change:transform}[dir=rtl] .user-menu-dropdown{right:auto;left:0}[dir=ltr] .user-menu-dropdown{left:auto;right:0}@keyframes userMenuSlideDown{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-text-primary);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:right;box-sizing:border-box;justify-content:flex-start;text-decoration:none;font-family:inherit;position:relative}[dir=rtl] .user-menu-item{text-align:right;justify-content:flex-start;flex-direction:row}[dir=ltr] .user-menu-item{text-align:left;justify-content:flex-start;flex-direction:row}.user-menu-item:hover{background-color:var(--color-catalog-background);transform:translate(-2px)}[dir=ltr] .user-menu-item:hover{transform:translate(2px)}.user-menu-item.logout-btn{color:#f44336;border-top:1px solid var(--color-border);margin-top:.25rem}.user-menu-item.logout-btn:hover{background-color:#f443361a}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-surface);align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary);flex-shrink:0}.mobile-menu-btn:hover{background-color:var(--color-catalog-background);border-color:var(--color-divider)}.mobile-menu-backdrop{display:none}.mobile-menu{display:none;position:absolute;top:calc(100% + .5rem);right:0;left:auto;width:280px;max-height:80vh;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:99999!important;overflow-y:auto;opacity:0;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}[dir=ltr] .mobile-menu{right:auto;left:0}.mobile-menu.open{opacity:1;transform:translateY(0);pointer-events:all}.mobile-nav-links{list-style:none;margin:0;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.mobile-nav-links li{width:100%}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;text-decoration:none;color:var(--color-text-primary);font-size:.95rem;font-weight:500;border-radius:8px;transition:all .2s ease;background:none;border:none;cursor:pointer;text-align:right}[dir=ltr] .mobile-nav-link{text-align:left}.mobile-nav-link:hover{background-color:var(--color-catalog-background);color:var(--color-text-primary)}.mobile-nav-link.active{background-color:var(--color-secondary);color:var(--color-text-on-primary)}.mobile-nav-link svg.rotated{transform:rotate(180deg)}.mobile-dropdown-wrapper{width:100%}.mobile-donation-dropdown{list-style:none;padding:.5rem 0;display:flex;flex-direction:column;gap:.25rem;background-color:var(--color-dropdown-background);border-radius:8px;margin:.5rem .5rem 0}[dir=ltr] .mobile-donation-dropdown{margin-right:.5rem;margin-left:.5rem}.mobile-dropdown-item{display:block;padding:.625rem 1.25rem;text-decoration:none;color:var(--color-text-primary);font-size:.9rem;transition:background-color .2s ease,color .2s ease;text-align:right;border-radius:6px;margin:0 .25rem}[dir=ltr] .mobile-dropdown-item{text-align:left}.mobile-dropdown-item:hover{background-color:var(--color-catalog-background);color:var(--color-secondary)}@media(max-width:1024px){.navbar{padding:1rem}.nav-links{gap:1rem}.nav-link{font-size:.9rem}.logo-image{width:70px;height:70px}}@media(max-width:768px){.navbar{padding:.75rem 1rem}.navbar-container{flex-wrap:nowrap;gap:.5rem;justify-content:space-between}.mobile-menu-btn{display:flex;order:1}.nav-links{display:none}.auth-buttons{gap:.4rem}.auth-btn{padding:.4rem .7rem;font-size:.75rem;gap:.35rem;border-radius:20px}.auth-btn svg{width:14px;height:14px}.auth-btn span{font-size:.75rem}.mobile-menu{display:block}.navbar{position:relative}.navbar-right{order:2;flex:1;justify-content:flex-start;gap:1rem}.navbar-left{order:3;flex-shrink:0;gap:.5rem}.logo-image{width:60px;height:60px}.language-btn{padding:.5rem .75rem;font-size:.85rem;min-width:auto;gap:0}.language-btn span{display:none}.language-icon{display:block;width:18px;height:18px}.language-btn svg:not(.language-icon){display:none}.theme-toggle-btn{width:40px;height:40px;flex-shrink:0}.user-btn{padding:.375rem;max-width:40px;min-width:40px;width:40px;height:40px;justify-content:center}.user-btn.login-link{padding:.5rem .875rem;max-width:none;min-width:auto;width:auto;height:auto;gap:.5rem;font-size:.85rem;border-radius:24px;white-space:nowrap}.user-btn.login-link span{display:block;font-size:.8rem;line-height:1.3;font-weight:500}.user-btn.login-link svg{display:block;width:18px;height:18px;flex-shrink:0}.user-name{display:none}.user-btn:not(.login-link) svg{display:none}.user-avatar,.user-avatar-placeholder{width:32px;height:32px;margin:0}.user-menu-dropdown{width:260px;min-width:260px;max-width:260px}}@media(max-width:480px){.navbar{padding:.5rem .75rem}.navbar-container,.navbar-right{gap:.5rem}.logo-image{width:50px;height:50px}.navbar-left,.auth-buttons{gap:.3rem}.auth-btn{padding:.35rem .6rem;font-size:.7rem;gap:.3rem;border-radius:18px}.auth-btn svg{width:12px;height:12px}.auth-btn span{font-size:.7rem}.language-btn{padding:.4rem .6rem;min-width:auto;gap:0}.theme-toggle-btn{width:36px;height:36px;flex-shrink:0}.user-btn{padding:.3rem;max-width:36px;min-width:36px;width:36px;height:36px;justify-content:center}.user-name{display:none}.user-btn svg{display:none}.user-avatar,.user-avatar-placeholder{width:28px;height:28px;margin:0}.language-btn{padding:.35rem .6rem;font-size:.8rem;gap:0}.language-btn span{display:none}.language-icon{display:block;width:16px;height:16px}.language-btn svg:not(.language-icon){display:none}.theme-toggle-btn{width:32px;height:32px}.user-btn:not(.login-link){width:32px;height:32px}.user-btn.login-link{padding:.45rem .7rem;font-size:.75rem;gap:.4rem;border-radius:20px;max-width:none;min-width:auto;width:auto;height:auto}.user-btn.login-link span{font-size:.75rem;line-height:1.3;font-weight:500;display:block}.user-btn.login-link svg{width:16px;height:16px;flex-shrink:0;display:block}.theme-toggle-btn svg,.user-btn:not(.login-link) svg{width:16px;height:16px}.mobile-menu-btn{width:36px;height:36px}.mobile-menu{width:260px;max-height:75vh}.mobile-nav-links{padding:.5rem}.mobile-nav-link{padding:.625rem .875rem;font-size:.9rem}.mobile-dropdown-item{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:360px){.logo-image{width:45px;height:45px}.mobile-nav-link{font-size:.95rem;padding:.75rem 1rem}}.payment-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000!important;padding:1rem;animation:fadeIn .3s ease-out;overflow-y:auto}.payment-modal-overlay.closing{animation:fadeOut .3s ease-out}.payment-modal{position:relative;background-color:var(--color-background, #ffffff);border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d}.payment-modal.closing{animation:fadeOut .3s ease-out}[data-theme=dark] .payment-modal{background-color:var(--color-background-dark, #2a2a2a);color:#fff}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color, #333);transition:all .2s ease;z-index:1}.modal-close-btn:hover{background-color:#0000001a}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color, #333)}.modal-subtitle{font-size:.9rem;color:var(--text-color-secondary, #666);margin-bottom:1.5rem}[data-theme=dark] .modal-subtitle{color:#aaa}.payment-form{display:flex;flex-direction:column;gap:1.25rem}.payment-form-group{display:flex;flex-direction:column;gap:.5rem}.payment-label{font-size:.9rem;font-weight:500;color:var(--text-color, #333)}[data-theme=dark] .payment-label{color:#fff}.payment-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:12px;font-size:1rem;background-color:var(--input-bg, #ffffff);color:var(--text-color, #333);transition:all .3s ease;box-sizing:border-box}.payment-input:focus{outline:none;border-color:#0d9d57;box-shadow:0 0 0 3px #0d9d571a}.payment-input:disabled{background-color:var(--input-bg-disabled, #f5f5f5);cursor:not-allowed;opacity:.7}[data-theme=dark] .payment-input{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a);color:#fff}[data-theme=dark] .payment-input:disabled{background-color:var(--input-bg-disabled-dark, #2a2a2a)}.payment-card-element-wrapper{padding:.875rem 1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:12px;background-color:var(--input-bg, #ffffff);transition:all .3s ease}.payment-card-element-wrapper:focus-within{border-color:#0d9d57;box-shadow:0 0 0 3px #0d9d571a}[data-theme=dark] .payment-card-element-wrapper{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a)}.payment-card-element{width:100%}.payment-card-element-wrapper .StripeElement{color:var(--text-color, #000000)}[data-theme=dark] .payment-card-element-wrapper .StripeElement{color:#fff}.payment-card-element-wrapper iframe{color-scheme:light dark}[data-theme=dark] .payment-card-element-wrapper iframe{color-scheme:dark}.payment-amount-display{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--input-bg, #f5f5f5);border-radius:12px;margin:.5rem 0}[data-theme=dark] .payment-amount-display{background-color:var(--input-bg-dark, #3a3a3a)}.payment-amount-label{font-size:1rem;font-weight:500;color:var(--text-color, #333)}[data-theme=dark] .payment-amount-label{color:#fff}.payment-amount-value{font-size:1.25rem;font-weight:600;color:#0d9d57}.payment-error-message{padding:1rem;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;text-align:left;white-space:pre-line;line-height:1.6;max-height:300px;overflow-y:auto}[data-theme=dark] .payment-error-message{background-color:#c333;border-color:#c336;color:#ff6b6b}.payment-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#0d9d57,#1f4c35);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.payment-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0d9d574d}.payment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.payment-submit-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-success-message{text-align:center;padding:3rem 2rem;animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0d9d57,#1f4c35);color:#fff;border-radius:50%;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 4px 20px #0d9d574d;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.payment-success-message h2{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:var(--text-color, #333)}[data-theme=dark] .payment-success-message h2{color:#fff}.payment-success-message p{font-size:1.1rem;color:var(--text-color-secondary, #666);line-height:1.6}[data-theme=dark] .payment-success-message p{color:#aaa}@media(max-width:768px){.payment-modal{padding:1.5rem;max-width:95%}.modal-title{font-size:1.25rem}.payment-submit-btn{padding:.875rem;font-size:.9rem}}.circular-progress-container{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.circular-progress-svg{width:100%;height:100%}.circular-progress-bg{stroke:var(--border-color, #e0e0e0);transition:stroke .3s ease}[data-theme=dark] .circular-progress-bg{stroke:var(--border-color-dark, #4a4a4a)}.circular-progress-fill{stroke:#0d9d57;transition:stroke-dashoffset .3s ease,stroke .3s ease;animation:progressAnimation 1.5s ease-out}[data-theme=dark] .circular-progress-fill{stroke:#4ade80}@keyframes progressAnimation{0%{stroke-dashoffset:100%}}.circular-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-progress-percentage{font-size:2rem;font-weight:700;color:var(--text-color, #333);transition:color .3s ease;animation:fadeInScale .5s ease-out}[data-theme=dark] .circular-progress-percentage{color:#fff}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.circular-progress-percentage{font-size:1.5rem}}@media(max-width:480px){.circular-progress-percentage{font-size:1.25rem}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-image{background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;min-height:200px;border-radius:12px}.skeleton-title{height:24px;width:70%;background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-title.large{height:48px;width:60%}.skeleton-title.medium{height:32px;width:65%}.skeleton-description{height:16px;width:100%;background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-description.short{width:60%}.skeleton-description.medium{width:80%}.skeleton-progress-bar{background:var(--color-surface);height:8px;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.skeleton-progress-fill{height:100%;width:40%;background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{height:14px;width:80px;background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:.25rem}.skeleton-button{height:44px;width:100%;background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px;margin-top:1rem}.skeleton-button.small{height:36px;width:150px}.skeleton-paragraph{height:16px;width:100%;background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-paragraph:last-child{width:85%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-loading{0%,to{opacity:1}50%{opacity:.8}}[data-theme=dark] .skeleton-image,[data-theme=dark] .skeleton-title,[data-theme=dark] .skeleton-description,[data-theme=dark] .skeleton-progress-fill,[data-theme=dark] .skeleton-text,[data-theme=dark] .skeleton-button,[data-theme=dark] .skeleton-paragraph{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%}[data-theme=dark] .skeleton-progress-bar{background:#ffffff0d}.skeleton-circle{background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.1) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:50%}[data-theme=dark] .skeleton-circle{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%}.quick-donation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999!important;animation:fadeIn .3s ease-out;overflow-y:auto;padding:1rem;scrollbar-width:none;-ms-overflow-style:none}.quick-donation-modal-overlay.closing{animation:fadeOut .3s ease-out}.quick-donation-modal-overlay::-webkit-scrollbar{display:none}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}.quick-donation-modal{position:relative;background-color:var(--color-background);border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d;scrollbar-width:none;-ms-overflow-style:none}.quick-donation-modal.closing{animation:slideDown .3s ease-out}.quick-donation-modal::-webkit-scrollbar{display:none}[data-theme=dark] .quick-donation-modal{background-color:var(--color-background);color:#fff}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-color, #333);z-index:10}[dir=rtl] .modal-close-btn{right:auto;left:1rem}.modal-close-btn:hover{background-color:#0000001a;transform:rotate(90deg)}[data-theme=dark] .modal-close-btn{color:#fff}[data-theme=dark] .modal-close-btn:hover{background-color:#ffffff1a}.modal-title{font-size:1.75rem;font-weight:700;margin:0 0 2rem;color:var(--text-color, #333);text-align:center}[data-theme=dark] .modal-title{color:#fff}.modal-section{margin-bottom:1.5rem}.modal-label{display:block;font-size:1rem;font-weight:500;margin-bottom:.75rem;color:var(--text-color, #333)}[data-theme=dark] .modal-label{color:#fff}.modal-donation-type-title{font-size:1.25rem;font-weight:600;margin:0;padding:.75rem 1rem;background:linear-gradient(135deg,#0d9d571a,#1f4c351a);border-radius:12px;color:#0d9d57;text-align:center;border:2px solid rgba(13,157,87,.2)}[data-theme=dark] .modal-donation-type-title{background:linear-gradient(135deg,#0d9d5733,#1f4c3533);color:#4ade80;border-color:#0d9d574d}.modal-dropdown-wrapper{position:relative;width:100%}.modal-dropdown{width:100%;padding:1rem;background-color:var(--input-bg, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;color:var(--text-color, #333)}[data-theme=dark] .modal-dropdown{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a);color:#fff}.modal-dropdown:hover{border-color:var(--primary-color, #1F4C35)}.modal-dropdown .dropdown-icon{transition:transform .2s ease;color:var(--text-color, #666)}.modal-dropdown .dropdown-icon.open{transform:rotate(180deg)}[data-theme=dark] .modal-dropdown .dropdown-icon{color:#fff}.modal-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--input-bg, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:100000!important;overflow:hidden}[data-theme=dark] .modal-dropdown-menu{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a)}.modal-dropdown-item{width:100%;padding:1rem;background:transparent;border:none;text-align:right;cursor:pointer;transition:background-color .2s ease;color:var(--text-color, #333);font-size:1rem}[dir=ltr] .modal-dropdown-item{text-align:left}[data-theme=dark] .modal-dropdown-item{color:#fff}.modal-dropdown-item:hover{background-color:#1f4c351a}.frequency-buttons{display:flex;gap:.75rem;flex-wrap:wrap}[dir=rtl] .frequency-buttons{flex-direction:row-reverse}.frequency-btn{flex:1;min-width:120px;padding:.875rem 1rem;background-color:var(--input-bg, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-color, #333)}[data-theme=dark] .frequency-btn{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a);color:#fff}.frequency-btn:hover{border-color:var(--primary-color, #1F4C35)}.frequency-btn.active{background-color:transparent;border:1px solid var(--primary-color, #49B27C);color:var(--primary-color, #49B27C);font-weight:600}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.amount-btn{padding:1rem;background-color:var(--input-bg, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-color, #333)}[data-theme=dark] .amount-btn{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a);color:#fff}.amount-btn:hover{border-color:var(--primary-color, #1F4C35)}.amount-btn.active{background-color:transparent;border:1px solid var(--primary-color, #49B27C);color:var(--primary-color, #49B27C);font-weight:600}.modal-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:12px;font-size:1rem;background-color:var(--input-bg, #ffffff);color:var(--text-color, #333);transition:all .3s ease;box-sizing:border-box}.modal-input:focus{outline:none;border-color:#0d9d57;box-shadow:0 0 0 3px #0d9d571a}[data-theme=dark] .modal-input{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a);color:#fff}[data-theme=dark] .modal-input:focus{border-color:#0d9d57;box-shadow:0 0 0 3px #0d9d5733}.modal-input::placeholder{color:var(--text-color-secondary, #999)}[data-theme=dark] .modal-input::placeholder{color:#888}.custom-amount-input{width:100%;margin-top:.75rem;padding:1rem;background-color:var(--input-bg, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;font-size:1rem;transition:all .2s ease;color:var(--text-color, #333)}[data-theme=dark] .custom-amount-input{background-color:var(--input-bg-dark, #3a3a3a);border-color:var(--border-color-dark, #4a4a4a);color:#fff}.custom-amount-input:focus{outline:none;border-color:var(--primary-color, #1F4C35)}.custom-amount-input.error{border-color:#e74c3c}.custom-amount-input.error:focus{border-color:#e74c3c}.custom-amount-input::placeholder{color:var(--placeholder-color, #999)}[data-theme=dark] .custom-amount-input::placeholder{color:#666}.amount-error-message{display:block;color:#e74c3c;font-size:.875rem;margin-top:.5rem;text-align:right}[dir=ltr] .amount-error-message{text-align:left}[data-theme=dark] .amount-error-message{color:#ff6b6b}.proceed-payment-btn{width:100%;padding:1rem 2rem;background-color:var(--primary-color, #1F4C35);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 12px #1f4c354d}.proceed-payment-btn:hover:not(:disabled){background-color:var(--primary-hover, #49B27C);transform:translateY(-2px);box-shadow:0 6px 16px #1f4c3566}.proceed-payment-btn:active:not(:disabled){transform:translateY(0)}.proceed-payment-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.quick-donation-modal{padding:1.5rem;margin:1rem;max-height:95vh}.modal-title{font-size:1.5rem;margin-bottom:1.5rem}.amount-grid{grid-template-columns:repeat(2,1fr)}.frequency-buttons{flex-direction:column}.frequency-btn{width:100%;min-width:unset}.modal-close-btn{top:.75rem;right:.75rem}[dir=rtl] .modal-close-btn{right:auto;left:.75rem}}.campaign-progress-section{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#0d9d570d,#1f4c350d);border-radius:16px;border:1px solid rgba(13,157,87,.1);animation:fadeInSlide .5s ease-out}.campaign-progress-skeleton{display:flex;flex-direction:column;gap:1.5rem}[data-theme=dark] .campaign-progress-section{background:linear-gradient(135deg,#0d9d571a,#1f4c351a);border-color:#0d9d5733}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.campaign-progress-info{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.progress-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(13,157,87,.1)}.progress-info-row:last-child{border-bottom:none}.progress-label{font-size:.95rem;font-weight:500;color:var(--text-color, #333)}[data-theme=dark] .progress-label{color:#fff}.progress-value{font-size:1rem;font-weight:600;color:var(--text-color, #333)}.progress-value-goal{color:var(--text-color, #333)}[data-theme=dark] .progress-value-goal{color:#fff}.progress-value-collected{color:#0d9d57}[data-theme=dark] .progress-value-collected{color:#4ade80}.progress-value-remaining{color:#f59e0b}[data-theme=dark] .progress-value-remaining{color:#fbbf24}.exceed-notification{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-top:1rem;background-color:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.95rem;font-weight:500;animation:shake .5s ease-out}[data-theme=dark] .exceed-notification{background-color:#dc262626;border-color:#dc26264d;color:#ff6b6b}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}[dir=rtl] .exceed-notification{flex-direction:row-reverse}.exceed-notification svg{flex-shrink:0}.login-notification{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-top:1rem;background-color:#eff6ff;border:2px solid #bfdbfe;border-radius:12px;color:#1e40af;font-size:.95rem;animation:slideIn .4s ease-out}[data-theme=dark] .login-notification{background-color:#3b82f626;border-color:#3b82f64d;color:#60a5fa}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .login-notification{flex-direction:row-reverse}.login-notification svg{flex-shrink:0;margin-top:.125rem}.login-notification-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.login-notification-title{font-weight:600;font-size:1rem}.login-notification-message{font-weight:400;font-size:.9rem;line-height:1.5;opacity:.9}@media(max-width:480px){.quick-donation-modal{padding:1.25rem}.modal-title{font-size:1.25rem;margin-bottom:1.25rem}.amount-grid{gap:.5rem}.amount-btn{padding:.875rem .5rem;font-size:.9rem}.proceed-payment-btn{font-size:1rem;padding:.875rem 1.5rem}.campaign-progress-section{padding:1rem}.campaign-progress-info{margin-top:1rem;gap:.5rem}.progress-info-row{padding:.4rem 0}.progress-label,.progress-value{font-size:.9rem}}@keyframes revealFromBottom{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes revealFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes revealScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes revealRotate{0%{opacity:0;transform:translateY(40px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.scroll-reveal{opacity:0;will-change:transform,opacity}.scroll-reveal.revealed{animation:revealFromBottom .8s cubic-bezier(.16,1,.3,1) forwards}.scroll-reveal-left{opacity:0;will-change:transform,opacity}.scroll-reveal-left.revealed{animation:revealFromLeft .8s cubic-bezier(.16,1,.3,1) forwards}.scroll-reveal-right{opacity:0;will-change:transform,opacity}.scroll-reveal-right.revealed{animation:revealFromRight .8s cubic-bezier(.16,1,.3,1) forwards}.scroll-reveal-scale{opacity:0;will-change:transform,opacity}.scroll-reveal-scale.revealed{animation:revealScale .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroTitleReveal{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes heroSubtitleReveal{0%{opacity:0;transform:translateY(30px)}50%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes heroButtonReveal{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroBackgroundFade{0%{opacity:0;transform:scale(1.1);filter:brightness(.7) blur(5px)}to{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}}.hero-title-animated{animation:heroTitleReveal 1s cubic-bezier(.16,1,.3,1) forwards}.hero-subtitle-animated{animation:heroSubtitleReveal 1.2s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0}.hero-button-animated{animation:heroButtonReveal .8s cubic-bezier(.16,1,.3,1) .5s forwards;opacity:0}@keyframes cardStagger{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.card-stagger{opacity:0;animation:cardStagger .6s cubic-bezier(.16,1,.3,1) forwards}.card-stagger:nth-child(1){animation-delay:.1s}.card-stagger:nth-child(2){animation-delay:.2s}.card-stagger:nth-child(3){animation-delay:.3s}.card-stagger:nth-child(4){animation-delay:.4s}.card-stagger:nth-child(5){animation-delay:.5s}.card-stagger:nth-child(6){animation-delay:.6s}@keyframes cardHover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-12px) scale(1.02)}}@keyframes cardImageZoom{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes cardShadow{0%{box-shadow:0 4px 12px #0000001a}to{box-shadow:0 16px 32px #0003,0 0 40px #047d3f26}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.number-counter{animation:countUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes progressFill{0%{width:0%;opacity:.8}to{opacity:1}}.progress-animated{animation:progressFill 1.5s cubic-bezier(.4,0,.2,1) forwards}.progress-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShimmer 2s infinite}.parallax-slow,.parallax-medium,.parallax-fast{transform:translateZ(0);will-change:transform}@keyframes buttonRipple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 0 #047d3fb3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #047d3f00}}.button-ripple{position:relative;overflow:hidden}.button-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button-ripple:active:after{width:300px;height:300px}@keyframes textSlideIn{0%{opacity:0;transform:translateY(30px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes textFadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.text-slide-in{animation:textSlideIn 1s cubic-bezier(.16,1,.3,1) forwards}.text-fade-in{animation:textFadeIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatDown{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes floatRotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.float-up{animation:floatUp 6s ease-in-out infinite}.float-down{animation:floatDown 6s ease-in-out infinite}.float-rotate{animation:floatRotate 8s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #047d3f66,0 0 40px #047d3f33,0 0 60px #047d3f1a}50%{box-shadow:0 0 30px #047d3f99,0 0 60px #047d3f66,0 0 90px #047d3f33}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}.shine-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shine 3s infinite}@keyframes skeletonWave{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-wave{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:skeletonWave 1.5s infinite}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section-fade-in{animation:sectionFadeIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.scale-in-bounce{animation:scaleInBounce .6s cubic-bezier(.34,1.56,.64,1) forwards}.scale-out{animation:scaleOut .3s ease-in forwards}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate-in{animation:rotateIn .8s cubic-bezier(.16,1,.3,1) forwards}.spin-slow{animation:spinSlow 20s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.scroll-reveal,.scroll-reveal-left,.scroll-reveal-right,.scroll-reveal-scale{animation-duration:.6s}.card-stagger{animation-delay:.05s!important}}.will-animate{will-change:transform,opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.hero-section{position:relative;width:100%;min-height:600px;height:90vh;display:flex;align-items:center;overflow:hidden;z-index:2;isolation:isolate}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;isolation:isolate}.hero-background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:scale(1.1);transition:opacity 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1);z-index:0;filter:brightness(.7) blur(2px);will-change:opacity,transform,filter}.hero-background-image.active{opacity:1;transform:scale(1);filter:brightness(1) blur(0);animation:heroBackgroundFade 1.5s cubic-bezier(.16,1,.3,1) forwards}.hero-overlay{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(to left,rgba(31,76,53,.6) 0%,rgba(31,76,53,.5) 35%,rgba(31,76,53,.4) 50%,rgba(31,76,53,.2) 65%,transparent 100%);z-index:1;pointer-events:none}[dir=ltr] .hero-overlay{background:linear-gradient(to right,rgba(31,76,53,.6) 0%,rgba(31,76,53,.5) 35%,rgba(31,76,53,.4) 50%,rgba(31,76,53,.2) 65%,transparent 100%)}[data-theme=dark] .hero-overlay{background:linear-gradient(to left,rgba(31,76,53,.7) 0%,rgba(31,76,53,.6) 35%,rgba(31,76,53,.5) 50%,rgba(31,76,53,.3) 65%,transparent 100%)}[data-theme=dark][dir=ltr] .hero-overlay{background:linear-gradient(to right,rgba(31,76,53,.7) 0%,rgba(31,76,53,.6) 35%,rgba(31,76,53,.5) 50%,rgba(31,76,53,.3) 65%,transparent 100%)}.hero-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;width:100%;display:flex;flex-direction:column;gap:2.5rem}[dir=rtl] .hero-content{align-items:flex-start;text-align:right;padding-right:4rem;padding-left:2rem}[dir=ltr] .hero-content{align-items:flex-start;text-align:left;padding-left:4rem}.hero-text{max-width:750px;position:relative;z-index:11}[dir=rtl] .hero-text{text-align:right}[dir=ltr] .hero-text{text-align:left}.hero-title{font-size:3rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.2;position:relative;z-index:12;text-align:inherit}[dir=rtl] .hero-title{text-align:right}[dir=ltr] .hero-title{text-align:left}.hero-subtitle{font-size:1.5rem;font-weight:400;color:#fff;margin:0;line-height:1.5;opacity:.95;position:relative;z-index:12;text-align:inherit}[dir=rtl] .hero-subtitle{text-align:right}[dir=ltr] .hero-subtitle{text-align:left}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;position:relative;z-index:11}[dir=rtl] .hero-buttons,[dir=ltr] .hero-buttons{flex-direction:row-reverse}.btn-donate{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:#0d9d57;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-family:inherit}[data-theme=dark] .btn-donate{background-color:#047d3f}.btn-donate:hover{background-color:#49b27c;transform:translateY(-2px)}.btn-donate:active{transform:translateY(0)}.btn-donations{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-donations:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.btn-donations:active{transform:translateY(0)}[dir=rtl] .btn-donations{flex-direction:row-reverse}[dir=ltr] .btn-donations{flex-direction:row}@media(max-width:1024px){.hero-section{min-height:500px;height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-content{padding:3rem 2rem}.hero-text{max-width:650px}}@media(max-width:768px){.hero-section{min-height:400px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-content{padding:2rem 1.5rem;gap:2rem}[dir=rtl] .hero-content{padding-right:1.5rem;padding-left:1.5rem;text-align:right}[dir=ltr] .hero-content{padding-left:1.5rem;text-align:left}.hero-text{max-width:100%}.hero-buttons{flex-direction:column;width:100%;gap:.75rem}.btn-donate,.btn-donations{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:1rem}}@media(max-width:480px){.hero-section{min-height:350px}.hero-title{font-size:1.5rem;line-height:1.3}.hero-subtitle{font-size:.95rem;line-height:1.4}.hero-content{padding:1.5rem 1rem;gap:1.5rem}[dir=rtl] .hero-content{padding-right:1rem;padding-left:1rem;text-align:right}[dir=ltr] .hero-content{padding-left:1rem;text-align:left}.btn-donate,.btn-donations{padding:.75rem 1.25rem;font-size:.9rem}.btn-donate svg,.btn-donations svg{width:18px;height:18px}}@media(max-width:360px){.hero-section{min-height:300px}.hero-title{font-size:1.35rem}.hero-subtitle{font-size:.85rem}.hero-content{padding:1.25rem .75rem;gap:1.25rem}.btn-donate,.btn-donations{padding:.65rem 1rem;font-size:.85rem}}.about-section{width:100%;background-color:transparent;padding:1.5rem 0;position:relative;overflow:visible;animation:fadeIn .8s ease-out,slideInUp 1s ease-out;z-index:1}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.about-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.about-title{font-size:2.5rem;font-weight:700;margin:0 0 2rem;line-height:1.4;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;animation:fadeInUp .8s ease-out}[dir=rtl] .about-title,[dir=ltr] .about-title{flex-direction:row}.title-highlight{color:var(--color-primary)}.title-rest{color:var(--color-text-primary)}.about-text{font-size:1.25rem;line-height:2;color:var(--color-text-primary);margin:0;text-align:justify;text-align-last:center;animation:fadeInUp .8s ease-out .2s both}[dir=rtl] .about-text{text-align:justify;text-align-last:center;direction:rtl}[dir=ltr] .about-text{text-align:justify;text-align-last:center;direction:ltr}.quote-mark{position:absolute;font-size:12rem;font-weight:300;color:#f2f2f2;line-height:1;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;opacity:.3;filter:blur(1px);animation:quoteMarkFade .6s ease-out}[data-theme=dark] .quote-mark{color:#f2f2f2}.quote-mark-top{top:-3rem;right:2rem}[dir=ltr] .quote-mark-top{right:auto;left:2rem}.quote-mark-bottom{bottom:-3rem;left:2rem;animation:quoteMarkFade .6s ease-out}@keyframes quoteMarkFade{0%{opacity:0}to{opacity:.3}}[dir=ltr] .quote-mark-bottom{left:auto;right:2rem}@media(max-width:1024px){.about-section{padding:4rem 2rem}.about-title{font-size:2rem}.about-text{font-size:1.1rem;line-height:1.8}.quote-mark{font-size:12rem}}@media(max-width:768px){.about-section{padding:3rem 1.5rem}.about-container,.about-content{max-width:100%}.about-title{font-size:1.75rem;margin-bottom:1.5rem;gap:.4rem}.about-text{font-size:1rem;line-height:1.7;text-align:center;text-align-last:center}.quote-mark{font-size:8rem}.quote-mark-top{top:-2rem;right:1rem}[dir=ltr] .quote-mark-top{right:auto;left:1rem}.quote-mark-bottom{bottom:-2rem;left:1rem;animation:quoteMarkFade .6s ease-out}[dir=ltr] .quote-mark-bottom{left:auto;right:1rem}}@media(max-width:480px){.about-section{padding:2.5rem 1rem}.about-title{font-size:1.4rem;margin-bottom:1.25rem;gap:.3rem}.about-text{font-size:.95rem;line-height:1.6}.quote-mark{font-size:5rem}.quote-mark-top{top:-1.5rem;right:.5rem}[dir=ltr] .quote-mark-top{right:auto;left:.5rem}.quote-mark-bottom{bottom:-1.5rem;left:.5rem;animation:quoteMarkFade .6s ease-out}[dir=ltr] .quote-mark-bottom{left:auto;right:.5rem}}@media(max-width:360px){.about-section{padding:2rem .75rem}.about-title{font-size:1.25rem;margin-bottom:1rem}.about-text{font-size:.9rem;line-height:1.5}.quote-mark{font-size:4rem}}.campaigns-section{width:100%;background-color:transparent;padding:1.5rem 0;position:relative;z-index:1;overflow:visible}.campaigns-container{max-width:1200px;margin:0 auto;padding:0 2rem}.campaigns-carousel{margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);width:100vw;max-width:100vw}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:1rem}[dir=rtl] .campaigns-header{flex-direction:row}[dir=ltr] .campaigns-header{flex-direction:row-reverse}.campaigns-title-banner{background-color:#0d9d57;padding:.75rem 2rem;border-radius:8px 8px 0 0}[data-theme=dark] .campaigns-title-banner{background-color:#047d3f}.campaigns-title-banner h2{color:var(--color-text-on-primary);font-size:1.5rem;font-weight:700;margin:0;animation:fadeInUp .6s ease-out}.campaigns-nav-controls{display:flex;align-items:center;gap:.5rem}[dir=rtl] .campaigns-nav-controls,[dir=ltr] .campaigns-nav-controls{flex-direction:row}.campaigns-more-btn{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;color:var(--color-text-on-primary);padding:.5rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;overflow:hidden}.campaigns-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.campaigns-more-btn:hover:before{left:100%}.campaigns-more-btn:hover{animation:buttonGradient 3s ease infinite;transform:translateY(-2px);box-shadow:0 6px 20px #0d9d5766,0 0 30px #49b27c4d}[data-theme=dark] .campaigns-more-btn{background-color:#047d3f;color:#fff}[data-theme=dark] .campaigns-more-btn:hover{background-color:#047d3f}.campaigns-divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,#0D9D57,#49B27C,#96D2B5,#49B27C,#0D9D57,transparent);background-size:200% 100%;margin-top:0;margin-bottom:2.5rem;border-radius:2px;animation:dividerGradient 3s linear infinite}.campaigns-carousel{position:relative;margin-bottom:2rem;overflow:visible}.campaigns-slider{overflow:visible;border-radius:0;width:100%;padding:0}.campaigns-track{display:flex;gap:1.5rem;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;align-items:stretch;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.campaigns-track-dragging{transition:none;cursor:grabbing!important}.campaigns-track-centered{justify-content:center;width:100%}[dir=rtl] .campaigns-track,[dir=ltr] .campaigns-track{flex-direction:row}.campaign-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3 inset,0 1px #ffffff4d inset;display:flex;flex-direction:column;width:320px;min-width:320px;max-width:320px;height:420px;min-height:420px;max-height:420px;position:relative;box-sizing:border-box;transition:all .5s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-right:0;opacity:0;transform:translateY(50px) scale(.9);will-change:transform,opacity}[data-theme=dark] .campaign-card{background:#111a1799;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset}.campaign-card:before{display:none}.campaign-card.card-stagger{animation:cardStagger .6s cubic-bezier(.16,1,.3,1) forwards}.campaign-card.card-stagger:nth-child(1){animation-delay:.1s}.campaign-card.card-stagger:nth-child(2){animation-delay:.2s}.campaign-card.card-stagger:nth-child(3){animation-delay:.3s}.campaign-card.card-stagger:nth-child(4){animation-delay:.4s}.campaign-card.card-stagger:nth-child(5){animation-delay:.5s}.campaign-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #00000026,0 0 0 1px #ffffff4d inset,0 0 40px #0d9d5740,0 0 60px #49b27c26;border-color:#49b27c66}[data-theme=dark] .campaign-card:hover{box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff1a inset,0 0 40px #0d9d574d,0 0 60px #49b27c33}[dir=rtl] .campaign-card,[dir=ltr] .campaign-card{width:320px;min-width:320px;max-width:320px;height:420px;min-height:420px;max-height:420px;flex-shrink:0}.campaign-image{width:calc(100% - 1.5rem);height:200px;overflow:hidden;position:relative;margin:.75rem .75rem 0;border-radius:12px;flex-shrink:0;max-width:calc(100% - 1.5rem);box-sizing:border-box}.campaign-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(13,157,87,.1) 50%,rgba(13,157,87,.2) 100%);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1;border-radius:12px}.campaign-card:hover .campaign-image:after{opacity:1}.campaign-image img{transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%;height:100%;object-fit:cover}[dir=rtl] .campaign-image,[dir=ltr] .campaign-image{width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);margin:.75rem .75rem 0}.campaign-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:12px;display:block;max-width:100%}.campaign-card:hover .campaign-image img{transform:scale(1.1)}.campaign-content{padding:1rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:.5rem;flex:0 1 auto;min-height:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;justify-content:flex-start}.campaign-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.campaign-description{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.6;flex:0 0 auto;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.campaign-description p{margin:0;display:inline}.campaign-description p:not(:last-child){margin-bottom:.5rem}.campaign-description *{font-size:inherit;color:inherit;line-height:inherit}.campaign-progress{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0;position:absolute;bottom:70px;left:1rem;right:1rem;width:calc(100% - 2rem);z-index:5}.progress-fill{height:100%;background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:200% 100%;border-radius:4px;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;width:0%;animation:progressGradient 3s ease infinite}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.campaign-btn{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;color:var(--color-text-on-primary);padding:.625rem 1.5rem;border-radius:20px;text-decoration:none;text-align:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:20px;left:1rem;right:1rem;width:calc(100% - 2rem);z-index:10;display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden}.campaign-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.campaign-btn:hover:before{width:300px;height:300px}.campaign-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.campaign-btn:hover{animation:buttonGradient 3s ease infinite;transform:translateY(-3px);box-shadow:0 8px 24px #0d9d5766,0 0 40px #49b27c4d}.campaign-btn:hover:before{left:100%}.campaign-btn:active{transform:translateY(-1px)}.campaign-btn .details-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.campaigns-nav-controls .carousel-btn{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--color-text-primary);padding:0;box-shadow:0 2px 8px #0000001a;position:static;transform:none}.campaigns-nav-controls .carousel-btn:hover{background-color:#0d9d57;color:var(--color-text-on-primary);border-color:#0d9d57;transform:scale(1.05);box-shadow:0 4px 12px #0d9d574d}.campaigns-nav-controls .carousel-btn:active{transform:scale(.95)}[data-theme=dark] .campaigns-nav-controls .carousel-btn{background-color:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .campaigns-nav-controls .carousel-btn:hover{background-color:#047d3f;color:#fff}.campaigns-pagination{display:none;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem}[data-theme=dark] .campaigns-title-banner h2,[data-theme=dark] .campaign-title,[data-theme=dark] .campaign-description,[data-theme=dark] .progress-remaining{color:#fff}[data-theme=dark] .campaign-btn{background-color:#047d3f;color:#fff}@media(max-width:1024px){.campaigns-section{padding:3rem 1.5rem}.campaigns-title-banner h2{font-size:1.3rem}.campaigns-group{display:flex;gap:1.25rem}.campaign-card{width:300px;min-width:300px;max-width:300px;height:420px;min-height:420px;max-height:420px}.campaign-image{aspect-ratio:.75;margin:.75rem .75rem 0;width:calc(100% - 1.5rem)}.campaigns-nav-controls .carousel-btn{width:36px;height:36px}.campaigns-more-btn{padding:.45rem 1rem;font-size:.85rem}}@media(max-width:600px){.campaigns-section{padding:2.5rem 0}.campaigns-container{padding:0 1rem}.campaigns-carousel{margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);width:100vw;max-width:100vw}.campaigns-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%}[dir=rtl] .campaigns-header,[dir=ltr] .campaigns-header{flex-direction:row;justify-content:space-between}.campaigns-title-banner{padding:.625rem 1.5rem}.campaigns-title-banner h2{font-size:1.2rem}.campaigns-slider{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-left:1rem;padding-right:0}[dir=ltr] .campaigns-slider{padding-left:0;padding-right:1rem}[dir=ltr] .campaigns-slider{padding-right:1rem;padding-left:0}.campaigns-slider::-webkit-scrollbar{display:none}.campaigns-track{width:max-content!important;transform:none!important;transition:none!important}.campaigns-group{display:flex;gap:0;padding:0;width:100%;min-width:100%;max-width:100%;flex-shrink:0}.campaign-card{width:85%;min-width:85%;max-width:85%;margin:0;flex-shrink:0;height:auto;min-height:auto;max-height:none;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always}.campaigns-track{gap:1rem;padding-left:0;padding-right:1rem}[dir=ltr] .campaigns-track{padding-left:1rem;padding-right:0}[dir=ltr] .campaign-card{margin:0 1rem 0 .5rem}.campaign-image{height:180px;margin:.75rem .75rem 0;width:calc(100% - 1.5rem);flex-shrink:0}.campaign-content{padding:1rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem}.campaign-title{font-size:1.3rem;margin-bottom:.4rem}.campaign-description{font-size:.95rem;flex:0 0 auto;margin-bottom:.4rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-progress{bottom:70px;left:.75rem;right:.75rem;width:calc(100% - 1.5rem)}.campaign-btn{position:absolute;bottom:.5rem;left:.75rem;right:.75rem;width:calc(100% - 1.5rem);margin:0}.campaigns-nav-controls .carousel-btn{width:32px;height:32px}.campaigns-more-btn{padding:.4rem .9rem;font-size:.8rem}}@media(max-width:480px){.campaigns-section{padding:1.5rem .75rem}.campaigns-slider,.campaigns-track{width:100%}.campaigns-group{grid-template-columns:repeat(var(--cards-per-view, 1),1fr);width:100%;min-width:100%;max-width:100%}.campaigns-title-banner{padding:.5rem 1rem;margin-bottom:1rem}.campaigns-title-banner h2{font-size:1rem}.campaign-card{width:calc(100% - 1rem);min-width:calc(100% - 1rem);max-width:calc(100% - 1rem);margin:0 auto;height:auto;min-height:auto;max-height:none;display:flex;flex-direction:column;position:relative;border-radius:12px;overflow:hidden}.campaign-image{width:100%;height:180px;margin:0;border-radius:0;flex-shrink:0}.campaign-image img{width:100%;height:100%;object-fit:cover}.campaign-content{padding:.75rem .75rem 2.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.campaign-title{font-size:1rem;font-weight:700;margin:0;line-height:1.3;color:var(--color-text-primary)}.campaign-description{font-size:.875rem;line-height:1.5;margin:0;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;white-space:nowrap}.campaign-progress{bottom:70px;left:.75rem;right:.75rem;width:calc(100% - 1.5rem)}.progress-bar{height:6px;margin-bottom:.5rem}.progress-info{font-size:.8rem;gap:.5rem}.progress-paid,.progress-remaining{font-size:.75rem}.campaign-btn{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;width:calc(100% - 1.5rem);padding:.6rem 1rem;font-size:.875rem;border-radius:10px;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.campaigns-nav-controls .carousel-btn{width:32px;height:32px}.campaigns-nav-controls .carousel-btn svg{width:18px;height:18px}.campaigns-more-btn{padding:.4rem 1rem;font-size:.8rem}}.zakat-section{width:100%;padding:1.5rem 0;background:linear-gradient(to right,#14291f,#1a431e);position:relative;overflow:hidden;animation:fadeIn .8s ease-out;z-index:1}.zakat-section:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,rgba(20,41,31,.5) 0%,rgba(26,67,30,.2) 50%,transparent 100%);pointer-events:none;z-index:0}.zakat-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.zakat-icon{position:absolute;z-index:0}.zakat-icon-top{top:-30px;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0;transform:rotate(-15deg)}.zakat-decorative-image{width:auto;height:auto;max-width:200px;max-height:200px;opacity:1;object-fit:contain;filter:brightness(0) invert(1)}.zakat-icon-top .zakat-decorative-image{max-width:280px;max-height:280px}.zakat-icon-top .sparkle-lines{position:absolute;top:-1.5rem;display:flex;gap:.25rem}.zakat-icon-top .sparkle-line{width:2px;height:20px;background-color:#fff3;transform:rotate(45deg)}.zakat-icon-top .sparkle-line:nth-child(1){transform:rotate(30deg)}.zakat-icon-top .sparkle-line:nth-child(2){transform:rotate(45deg)}.zakat-icon-top .sparkle-line:nth-child(3){transform:rotate(60deg)}.zakat-icon-bottom{bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:0;padding:0}.zakat-content{text-align:center;color:#fff;position:relative;z-index:2;max-width:900px;margin:0 auto}.zakat-title{font-size:3rem;font-weight:700;margin:0 0 2rem;color:#fff;line-height:1.2;animation:fadeInUp .8s ease-out}.zakat-description{font-size:1.25rem;line-height:1.8;margin:0 0 2rem;color:#fffffff2;text-align:center;animation:fadeInUp .8s ease-out .2s both}.zakat-cta-text{font-size:2.2rem;line-height:1.6;margin:0 0 2.5rem;color:#ffffffe6;text-align:center;animation:fadeInUp .8s ease-out .4s both}.zakat-button{display:inline-flex;align-items:center;gap:.75rem;background-color:#0d9d57;color:#fff;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-size:1.1rem;font-weight:600;border:2px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out .3s both}[data-theme=dark] .zakat-button,[data-theme=dark] .zakat-button:hover{background-color:#047d3f}.zakat-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.zakat-button:hover:before{width:400px;height:400px}.zakat-button-icon{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}.zakat-button:hover{background-color:#0d9d57;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0006;border-color:#ffffff80}.zakat-button:active{transform:translateY(-2px) scale(1)}.zakat-button:active{transform:translateY(0)}@media(max-width:1024px){.zakat-section{padding:3.5rem 1.5rem}.zakat-title{font-size:2.5rem}.zakat-description{font-size:1.15rem}.zakat-cta-text{font-size:1.25rem}.zakat-icon-top{top:-20px;left:0;padding:0;transform:rotate(-15deg)}.zakat-icon-bottom{bottom:0;right:0;padding:0}.zakat-decorative-image{max-width:160px;max-height:160px}.zakat-icon-top .zakat-decorative-image{max-width:220px;max-height:220px}}@media(max-width:768px){.zakat-section{padding:3rem 1.25rem}.zakat-title{font-size:2rem;margin-bottom:1.5rem}.zakat-description{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.zakat-cta-text{font-size:1.1rem;margin-bottom:2rem}.zakat-button{padding:.875rem 2rem;font-size:1rem}.zakat-decorative-image{max-width:80px;max-height:80px}.zakat-icon-top{top:-15px;left:0;padding:0;transform:rotate(-12deg)}.zakat-icon-bottom{bottom:0;right:0;padding:0}.zakat-decorative-image{max-width:120px;max-height:120px}.zakat-icon-top .zakat-decorative-image{max-width:160px;max-height:160px}}@media(max-width:480px){.zakat-section{padding:2.5rem 1rem}.zakat-title{font-size:1.75rem;margin-bottom:1.25rem}.zakat-description{font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.zakat-cta-text{font-size:1rem;margin-bottom:1.75rem}.zakat-button{padding:.75rem 1.75rem;font-size:.95rem;gap:.5rem}.zakat-button-icon{width:24px;height:24px}.zakat-icon-top{top:-10px;left:-10px;transform:rotate(-12deg)}.zakat-icon-bottom{bottom:-10px;right:-10px}.zakat-decorative-image{max-width:80px;max-height:80px}.zakat-icon-top .zakat-decorative-image{max-width:110px;max-height:110px}}.projects-section{width:100%;background-color:transparent;padding:1.5rem 0;position:relative;z-index:1;overflow:visible}.projects-container{max-width:1200px;margin:0 auto;padding:0 2rem}.projects-carousel{margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);width:100vw;max-width:100vw}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:1rem}[dir=rtl] .projects-header{flex-direction:row}[dir=ltr] .projects-header{flex-direction:row-reverse}.projects-title-banner{background-color:#0d9d57;padding:.75rem 2rem;border-radius:8px 8px 0 0}[data-theme=dark] .projects-title-banner{background-color:#047d3f}.projects-title-banner h2{color:var(--color-text-on-primary);font-size:1.5rem;font-weight:700;margin:0}.projects-nav-controls{display:flex;align-items:center;gap:.5rem}[dir=rtl] .projects-nav-controls,[dir=ltr] .projects-nav-controls{flex-direction:row}.projects-more-btn{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;color:var(--color-text-on-primary);padding:.5rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;overflow:hidden}.projects-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.projects-more-btn:hover:before{left:100%}.projects-more-btn:hover{animation:buttonGradient 3s ease infinite;transform:translateY(-2px);box-shadow:0 6px 20px #0d9d5766,0 0 30px #49b27c4d}[data-theme=dark] .projects-more-btn{background-color:#047d3f;color:#fff}[data-theme=dark] .projects-more-btn:hover{background-color:#047d3f}.projects-divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,#0D9D57,#49B27C,#96D2B5,#49B27C,#0D9D57,transparent);background-size:200% 100%;margin-top:0;margin-bottom:2.5rem;border-radius:2px;animation:dividerGradient 3s linear infinite}.projects-carousel{position:relative;margin-bottom:2rem;overflow:visible}.projects-slider{overflow:visible;border-radius:0;width:100%;padding:0}.projects-track{display:flex;gap:1.5rem;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;align-items:stretch;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.projects-track-dragging{transition:none;cursor:grabbing!important}.projects-track-centered{justify-content:center;width:100%}[dir=rtl] .projects-track,[dir=ltr] .projects-track{flex-direction:row}.project-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3 inset,0 1px #ffffff4d inset;display:flex;flex-direction:column;width:320px;min-width:320px;max-width:320px;height:420px;min-height:420px;max-height:420px;position:relative;box-sizing:border-box;transition:all .5s cubic-bezier(.4,0,.2,1);flex-shrink:0;opacity:0;transform:translateY(50px) scale(.9);will-change:transform,opacity}[data-theme=dark] .project-card{background:#111a1799;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset}.project-card:before{display:none}.project-card.card-stagger{animation:cardStagger .6s cubic-bezier(.16,1,.3,1) forwards}.project-card.card-stagger:nth-child(1){animation-delay:.1s}.project-card.card-stagger:nth-child(2){animation-delay:.2s}.project-card.card-stagger:nth-child(3){animation-delay:.3s}.project-card.card-stagger:nth-child(4){animation-delay:.4s}.project-card.card-stagger:nth-child(5){animation-delay:.5s}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #00000026,0 0 0 1px #ffffff4d inset,0 0 40px #0d9d5740,0 0 60px #49b27c26;border-color:#49b27c66}[data-theme=dark] .project-card:hover{box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff1a inset,0 0 40px #0d9d574d,0 0 60px #49b27c33}[dir=rtl] .project-card,[dir=ltr] .project-card{width:320px;min-width:320px;max-width:320px;height:420px;min-height:420px;max-height:420px;flex-shrink:0}.project-image{width:calc(100% - 1.5rem);height:200px;overflow:hidden;position:relative;margin:.75rem .75rem 0;border-radius:12px;flex-shrink:0;max-width:calc(100% - 1.5rem);box-sizing:border-box}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(13,157,87,.1) 50%,rgba(13,157,87,.2) 100%);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1;border-radius:12px}.project-card:hover .project-image:after{opacity:1}.campaign-category-badge{position:absolute;top:.75rem;right:.75rem;background:#0d9d57d9;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.4rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 4px 16px #00000026,0 0 0 1px #fff3 inset;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaign-category-badge:hover{background:#0d9d57f2;transform:scale(1.05);box-shadow:0 6px 24px #0d9d5766,0 0 0 1px #fff6 inset}[dir=ltr] .campaign-category-badge{right:auto;left:.75rem}[dir=rtl] .project-image,[dir=ltr] .project-image{width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);margin:.75rem .75rem 0}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:12px;display:block;max-width:100%}.project-card:hover .project-image img{transform:scale(1.1)}.project-content{padding:1rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:.5rem;flex:0 1 auto;min-height:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;justify-content:flex-start}.project-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.project-description{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.6;flex:0 0 auto;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.project-progress{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0;position:absolute;bottom:70px;left:1rem;right:1rem;width:calc(100% - 2rem);z-index:5}.progress-fill{height:100%;background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:200% 100%;animation:progressGradient 3s ease infinite;border-radius:4px;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;width:0%}.project-btn{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;color:var(--color-text-on-primary);padding:.625rem 1.5rem;position:relative;border-radius:20px;text-decoration:none;text-align:center;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:20px;left:1rem;right:1rem;width:calc(100% - 2rem);z-index:10;display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden}.project-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.project-btn:hover:before{left:100%}.project-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.project-btn:hover:before{width:300px;height:300px}.project-btn:hover{animation:buttonGradient 3s ease infinite;transform:translateY(-3px);box-shadow:0 8px 24px #0d9d5766,0 0 40px #49b27c4d}.project-btn:active{transform:translateY(-1px)}.project-btn .details-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.projects-nav-controls .carousel-btn{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--color-text-primary);padding:0;box-shadow:0 2px 8px #0000001a;position:static;transform:none}.projects-nav-controls .carousel-btn:hover{background-color:#0d9d57;color:var(--color-text-on-primary);border-color:#0d9d57;transform:scale(1.05);box-shadow:0 4px 12px #0d9d574d}.projects-nav-controls .carousel-btn:active{transform:scale(.95)}[data-theme=dark] .projects-nav-controls .carousel-btn{background-color:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .projects-nav-controls .carousel-btn:hover{background-color:#047d3f;color:#fff}.projects-pagination{display:none;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem}.pagination-dot{width:12px;height:12px;border-radius:50%;border:none;background-color:var(--color-inactive-indicator);cursor:pointer;transition:all .3s ease;padding:0}.pagination-dot:hover{background-color:#0d9d57;transform:scale(1.2)}.pagination-dot.active{background-color:#0d9d57;width:14px;height:14px}[data-theme=dark] .projects-title-banner h2,[data-theme=dark] .project-title,[data-theme=dark] .project-description,[data-theme=dark] .progress-remaining{color:#fff}[data-theme=dark] .project-btn{background-color:#047d3f;color:#fff}@media(max-width:1024px){.projects-section{padding:3rem 0}.projects-container{padding:0 1.5rem}.projects-title-banner h2{font-size:1.3rem}.project-image{aspect-ratio:.75;margin:.75rem .75rem 0;width:calc(100% - 1.5rem)}.projects-nav-controls .carousel-btn{width:36px;height:36px}.projects-more-btn{padding:.45rem 1rem;font-size:.85rem}}@media(max-width:600px){.projects-section{padding:2.5rem 0}.projects-container{padding:0 1rem}.projects-carousel{margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);width:100vw;max-width:100vw}.projects-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%}[dir=rtl] .projects-header,[dir=ltr] .projects-header{flex-direction:row;justify-content:space-between}.projects-title-banner{padding:.625rem 1.5rem}.projects-title-banner h2{font-size:1.2rem}.projects-slider{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-left:1rem;padding-right:0}[dir=ltr] .projects-slider{padding-left:0;padding-right:1rem}.projects-slider::-webkit-scrollbar{display:none}.projects-track{width:max-content!important;transform:none!important;transition:none!important}.projects-group{display:flex;gap:0;padding:0;width:100%;min-width:100%;max-width:100%;flex-shrink:0}.project-card{width:85%;min-width:85%;max-width:85%;margin:0;height:auto;min-height:auto;max-height:none;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always}.projects-track{gap:1rem;padding-left:0;padding-right:1rem}[dir=ltr] .projects-track{padding-left:1rem;padding-right:0}.project-image{height:180px;margin:.75rem .75rem 0;width:calc(100% - 1.5rem);flex-shrink:0}.project-content{padding:1rem 1rem .5rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem}.project-title{font-size:1.3rem;margin-bottom:.4rem}.project-description{font-size:.95rem;flex:0 0 auto;margin-bottom:.4rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-progress{bottom:70px;left:.75rem;right:.75rem;width:calc(100% - 1.5rem)}.projects-nav-controls .carousel-btn{width:32px;height:32px}.projects-more-btn{padding:.4rem .9rem;font-size:.8rem}}@media(max-width:480px){.projects-section{padding:1.5rem .75rem}.projects-slider{width:100%;margin:0 auto}.projects-track{justify-content:flex-start;width:100%}.projects-group{width:100%;min-width:100%;max-width:100%}.projects-title-banner{padding:.5rem 1rem;margin-bottom:1rem}.projects-title-banner h2{font-size:1rem}.project-card{width:calc(100% - 1rem);min-width:calc(100% - 1rem);max-width:calc(100% - 1rem);margin:0 auto;height:auto;min-height:auto;max-height:none;display:flex;flex-direction:column;position:relative;border-radius:12px;overflow:hidden}.project-image{width:100%;height:180px;margin:0;border-radius:0;flex-shrink:0}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:.75rem .75rem 2.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.project-title{font-size:1rem;font-weight:700;margin:0;line-height:1.3;color:var(--color-text-primary)}.project-description{font-size:.875rem;line-height:1.5;margin:0;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;white-space:nowrap}.project-progress{bottom:70px;left:.75rem;right:.75rem;width:calc(100% - 1.5rem)}.progress-bar{height:6px;margin-bottom:.5rem}.progress-info{font-size:.8rem;gap:.5rem}.progress-paid,.progress-remaining{font-size:.75rem}.project-btn{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;width:calc(100% - 1.5rem);padding:.6rem 1rem;font-size:.875rem;border-radius:10px;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.carousel-btn{width:32px;height:32px}[dir=rtl] .carousel-btn-prev{right:.25rem}[dir=ltr] .carousel-btn-prev,[dir=rtl] .carousel-btn-next{left:.25rem}[dir=ltr] .carousel-btn-next{right:.25rem}}.orphan-sponsorship-section{width:100%;background-color:transparent;padding:1.5rem 0;position:relative;z-index:1;overflow:visible}.orphan-sponsorship-container{max-width:1200px;margin:0 auto;padding:0 2rem}.orphan-sponsorship-carousel{margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);width:100vw;max-width:100vw}.orphan-sponsorship-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:1rem}[dir=rtl] .orphan-sponsorship-header{flex-direction:row}[dir=ltr] .orphan-sponsorship-header{flex-direction:row-reverse}.orphan-sponsorship-title-banner{background-color:#0d9d57;padding:.75rem 2rem;border-radius:8px 8px 0 0}[data-theme=dark] .orphan-sponsorship-title-banner{background-color:#047d3f}.orphan-sponsorship-title-banner h2{color:var(--color-text-on-primary);font-size:1.5rem;font-weight:700;margin:0;animation:fadeInUp .6s ease-out}.orphan-sponsorship-nav-controls{display:flex;align-items:center;gap:.5rem}[dir=rtl] .orphan-sponsorship-nav-controls,[dir=ltr] .orphan-sponsorship-nav-controls{flex-direction:row}.orphan-sponsorship-more-btn{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;color:var(--color-text-on-primary);padding:.5rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;overflow:hidden}.orphan-sponsorship-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.orphan-sponsorship-more-btn:hover:before{left:100%}.orphan-sponsorship-more-btn:hover{animation:buttonGradient 3s ease infinite;transform:translateY(-2px);box-shadow:0 6px 20px #0d9d5766,0 0 30px #49b27c4d}[data-theme=dark] .orphan-sponsorship-more-btn{background-color:#047d3f;color:#fff}[data-theme=dark] .orphan-sponsorship-more-btn:hover{background-color:#047d3f}.orphan-sponsorship-divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,#0D9D57,#49B27C,#96D2B5,#49B27C,#0D9D57,transparent);background-size:200% 100%;margin-top:0;margin-bottom:2.5rem;border-radius:2px;animation:dividerGradient 3s linear infinite}.orphan-sponsorship-carousel{position:relative;margin-bottom:2rem;overflow:visible}.orphan-sponsorship-slider{overflow:visible;border-radius:0;width:100%;padding:0}.orphan-sponsorship-track{display:flex;gap:1.5rem;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;align-items:stretch;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.orphan-sponsorship-track-dragging{transition:none;cursor:grabbing!important}.orphan-sponsorship-track-centered{justify-content:center;width:100%}[dir=rtl] .orphan-sponsorship-track,[dir=ltr] .orphan-sponsorship-track{flex-direction:row}.orphan-sponsorship-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3 inset,0 1px #ffffff4d inset;display:flex;flex-direction:column;width:320px;min-width:320px;max-width:320px;height:420px;min-height:420px;max-height:420px;position:relative;box-sizing:border-box;transition:all .5s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;flex-shrink:0;margin-right:0}[data-theme=dark] .orphan-sponsorship-card{background:#111a1799;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset}.orphan-sponsorship-card:before{display:none}.orphan-sponsorship-card:nth-child(1){animation-delay:.1s}.orphan-sponsorship-card:nth-child(2){animation-delay:.2s}.orphan-sponsorship-card:nth-child(3){animation-delay:.3s}.orphan-sponsorship-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #00000026,0 0 0 1px #ffffff4d inset,0 0 40px #0d9d5740,0 0 60px #49b27c26;border-color:#49b27c66}[data-theme=dark] .orphan-sponsorship-card:hover{box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff1a inset,0 0 40px #0d9d574d,0 0 60px #49b27c33}[dir=rtl] .orphan-sponsorship-card,[dir=ltr] .orphan-sponsorship-card{width:320px;min-width:320px;max-width:320px;height:420px;min-height:420px;max-height:420px;flex-shrink:0}.orphan-sponsorship-image{width:calc(100% - 1.5rem);height:200px;overflow:hidden;position:relative;margin:.75rem .75rem 0;border-radius:12px;flex-shrink:0;max-width:calc(100% - 1.5rem);box-sizing:border-box}.orphan-sponsorship-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(13,157,87,.1) 50%,rgba(13,157,87,.2) 100%);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1;border-radius:12px}.orphan-sponsorship-card:hover .orphan-sponsorship-image:after{opacity:1}.orphan-sponsorship-category-badge{position:absolute;top:.75rem;right:.75rem;background:#0d9d57d9;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.4rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 4px 16px #00000026,0 0 0 1px #fff3 inset;transition:all .3s cubic-bezier(.4,0,.2,1)}.orphan-sponsorship-category-badge:hover{background:#0d9d57f2;transform:scale(1.05);box-shadow:0 6px 24px #0d9d5766,0 0 0 1px #fff6 inset}[dir=ltr] .orphan-sponsorship-category-badge{right:auto;left:.75rem}[dir=rtl] .orphan-sponsorship-image,[dir=ltr] .orphan-sponsorship-image{width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);margin:.75rem .75rem 0}.orphan-sponsorship-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:12px;display:block;max-width:100%}.orphan-sponsorship-card:hover .orphan-sponsorship-image img{transform:scale(1.1)}.orphan-sponsorship-content{padding:1rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:.5rem;flex:0 1 auto;min-height:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;justify-content:flex-start}.orphan-sponsorship-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.orphan-sponsorship-description{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.6;flex:0 0 auto;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.orphan-sponsorship-progress{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0;position:absolute;bottom:70px;left:1rem;right:1rem;width:calc(100% - 2rem);z-index:5}.progress-bar{width:100%;height:6px;background-color:var(--color-progress-bar-unfilled);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:200% 100%;border-radius:4px;animation:progressGradient 3s ease infinite;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.progress-paid{color:#0d9d57;font-weight:600}.progress-remaining{color:var(--color-text-secondary)}.orphan-sponsorship-btn{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;color:var(--color-text-on-primary);padding:.625rem 1.5rem;position:relative;border-radius:20px;text-decoration:none;text-align:center;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:20px;left:1rem;right:1rem;width:calc(100% - 2rem);z-index:10;display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden}.orphan-sponsorship-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.orphan-sponsorship-btn:hover:before{width:300px;height:300px}.orphan-sponsorship-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.orphan-sponsorship-btn:hover:before{left:100%}.orphan-sponsorship-btn:hover{animation:buttonGradient 3s ease infinite;transform:translateY(-3px);box-shadow:0 8px 24px #0d9d5766,0 0 40px #49b27c4d}.orphan-sponsorship-btn:active{transform:translateY(-1px)}.orphan-sponsorship-btn .details-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.orphan-sponsorship-nav-controls .carousel-btn{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--color-text-primary);padding:0;box-shadow:0 2px 8px #0000001a;position:static;transform:none}.orphan-sponsorship-nav-controls .carousel-btn:hover{background-color:#0d9d57;color:var(--color-text-on-primary);border-color:#0d9d57;transform:scale(1.05);box-shadow:0 4px 12px #0d9d574d}.orphan-sponsorship-nav-controls .carousel-btn:active{transform:scale(.95)}[data-theme=dark] .orphan-sponsorship-nav-controls .carousel-btn{background-color:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .orphan-sponsorship-nav-controls .carousel-btn:hover{background-color:#047d3f;color:#fff}.orphan-sponsorship-pagination{display:none;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem}.pagination-dot{width:12px;height:12px;border-radius:50%;border:none;background-color:var(--color-inactive-indicator);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative}.pagination-dot:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#0d9d57;transform:translate(-50%,-50%);transition:width .3s,height .3s}.pagination-dot:hover{background-color:#0d9d57;transform:scale(1.3)}.pagination-dot.active{background-color:#0d9d57;width:14px;height:14px;box-shadow:0 0 0 4px #047d3f33;animation:pulse 2s infinite}[data-theme=dark] .orphan-sponsorship-title-banner h2,[data-theme=dark] .orphan-sponsorship-title,[data-theme=dark] .orphan-sponsorship-description,[data-theme=dark] .progress-remaining{color:#fff}[data-theme=dark] .orphan-sponsorship-btn{background-color:#047d3f;color:#fff}@media(max-width:1024px){.orphan-sponsorship-section{padding:3rem 1.5rem}.orphan-sponsorship-title-banner h2{font-size:1.3rem}.orphan-sponsorship-card{width:300px;min-width:300px;max-width:300px;height:420px;min-height:420px;max-height:420px}.orphan-sponsorship-image{aspect-ratio:.75;margin:.75rem .75rem 0;width:calc(100% - 1.5rem)}.orphan-sponsorship-nav-controls .carousel-btn{width:36px;height:36px}.orphan-sponsorship-more-btn{padding:.45rem 1rem;font-size:.85rem}}@media(max-width:600px){.orphan-sponsorship-section{padding:2.5rem 0}.orphan-sponsorship-container{padding:0 1rem}.orphan-sponsorship-carousel{margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);width:100vw;max-width:100vw}.orphan-sponsorship-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%}[dir=rtl] .orphan-sponsorship-header,[dir=ltr] .orphan-sponsorship-header{flex-direction:row;justify-content:space-between}.orphan-sponsorship-title-banner{padding:.625rem 1.5rem}.orphan-sponsorship-title-banner h2{font-size:1.2rem}.orphan-sponsorship-slider{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-left:1rem;padding-right:0}[dir=ltr] .orphan-sponsorship-slider{padding-left:0;padding-right:1rem}.orphan-sponsorship-slider::-webkit-scrollbar{display:none}.orphan-sponsorship-track{width:max-content!important;transform:none!important;transition:none!important}.orphan-sponsorship-card{width:85%;min-width:85%;max-width:85%;margin:0;flex-shrink:0;height:auto;min-height:auto;max-height:none;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always}.orphan-sponsorship-track{gap:1rem;padding-left:0;padding-right:1rem}[dir=ltr] .orphan-sponsorship-track{padding-left:1rem;padding-right:0}.orphan-sponsorship-image{height:180px;margin:.75rem .75rem 0;width:calc(100% - 1.5rem);flex-shrink:0}.orphan-sponsorship-content{padding:1rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem}.orphan-sponsorship-title{font-size:1.3rem;margin-bottom:.4rem}.orphan-sponsorship-description{font-size:.95rem;flex:0 0 auto;margin-bottom:.4rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.orphan-sponsorship-progress{bottom:70px;left:1rem;right:1rem;width:calc(100% - 2rem)}.orphan-sponsorship-btn{position:absolute;bottom:.5rem;left:1rem;right:1rem;width:calc(100% - 2rem)}.orphan-sponsorship-nav-controls .carousel-btn{width:32px;height:32px}.orphan-sponsorship-more-btn{padding:.4rem .9rem;font-size:.8rem}}@media(max-width:480px){.orphan-sponsorship-section{padding:1.5rem .75rem}.orphan-sponsorship-slider{width:100%;margin:0 auto}.orphan-sponsorship-track{justify-content:flex-start;width:100%}.orphan-sponsorship-title-banner{padding:.5rem 1rem;margin-bottom:1rem}.orphan-sponsorship-title-banner h2{font-size:1rem}.orphan-sponsorship-card{width:calc(100% - 1rem);min-width:calc(100% - 1rem);max-width:calc(100% - 1rem);margin:0 auto;height:auto;min-height:auto;max-height:none;display:flex;flex-direction:column;position:relative;border-radius:12px;overflow:hidden}.orphan-sponsorship-image{width:100%;height:180px;margin:0;border-radius:0;flex-shrink:0}.orphan-sponsorship-image img{width:100%;height:100%;object-fit:cover}.orphan-sponsorship-content{padding:.75rem .75rem 2.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.orphan-sponsorship-title{font-size:1rem;font-weight:700;margin:0;line-height:1.3;color:var(--color-text-primary)}.orphan-sponsorship-description{font-size:.875rem;line-height:1.5;margin:0;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}.orphan-sponsorship-progress{bottom:70px;left:.75rem;right:.75rem;width:calc(100% - 1.5rem)}.progress-bar{height:6px;margin-bottom:.5rem}.progress-info{font-size:.8rem;gap:.5rem;flex-wrap:wrap}.progress-paid,.progress-remaining{font-size:.75rem}.orphan-sponsorship-btn{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;width:calc(100% - 1.5rem);padding:.6rem 1rem;font-size:.875rem;border-radius:10px;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.carousel-btn{width:32px;height:32px}[dir=rtl] .carousel-btn-prev{right:.25rem}[dir=ltr] .carousel-btn-prev,[dir=rtl] .carousel-btn-next{left:.25rem}[dir=ltr] .carousel-btn-next{right:.25rem}}.footer{width:100%;background-color:#1f4c35;padding:3rem 2rem 1.5rem;color:#fff;animation:fadeInUp .8s ease-out;position:relative;z-index:1}[data-theme=dark] .footer{background-color:var(--color-surface)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}[dir=rtl] .footer-content,[dir=ltr] .footer-content{grid-template-columns:repeat(4,1fr)}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.footer-contact-item{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:.95rem;margin-bottom:.5rem}.footer-contact-item svg{flex-shrink:0;color:#fff}.footer-link{color:#ffffffe6;text-decoration:none;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.5rem;display:inline-block}.footer-link:hover{color:#fff;transform:translate(4px)}[dir=ltr] .footer-link:hover{transform:translate(-4px)}.footer-social{display:flex;gap:1rem;align-items:center}.social-icon{width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2)}.social-icon:hover{background-color:#fff3;transform:translateY(-4px) scale(1.1);box-shadow:0 4px 12px #0003}.social-icon-facebook:hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.social-icon-facebook:hover svg{color:#fff}.social-icon-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;color:#fff}.social-icon-instagram:hover svg{color:#fff}.footer-logo-section{align-items:center;justify-content:center}.footer-logo-container{display:flex;align-items:center;justify-content:center;width:100%}.footer-logo-container a{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .3s ease}.footer-logo-container a:hover{opacity:.8}.footer-logo{width:180px;height:180px;object-fit:contain;border-radius:50%;transition:all .3s ease}.footer-divider{width:100%;height:1px;background-color:#ffffff4d;margin:2rem 0 1.5rem}.footer-copyright{text-align:center;color:#fffc;font-size:.9rem}.footer-copyright p{margin:0}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-logo-section{grid-column:span 2;align-items:center}}@media(max-width:768px){.footer{padding:2.5rem 1.5rem 1.25rem}.footer-content{display:flex;flex-direction:column;gap:2rem}.footer-section{width:100%}.footer-logo-section{align-items:center;order:-1}.footer-logo{width:150px;height:150px}.footer-title{font-size:1.1rem}.footer-contact-item,.footer-link{font-size:.9rem}}@media(max-width:600px){.footer{padding:2rem 1rem 1rem}.footer-content{display:flex;flex-direction:column;gap:1.5rem}.footer-section{width:100%;gap:.75rem;text-align:center}[dir=rtl] .footer-section,[dir=ltr] .footer-section{text-align:center}.footer-logo-section{align-items:center;order:-1}.footer-logo{width:120px;height:120px}.footer-title{font-size:1rem;margin-bottom:.75rem}.footer-contact-item{font-size:.85rem;justify-content:center;margin-bottom:.4rem}.footer-link{font-size:.85rem;margin-bottom:.4rem}.footer-social{justify-content:center;gap:.75rem}.social-icon{width:36px;height:36px}.social-icon svg{width:18px;height:18px}.footer-divider{margin:1.5rem 0 1rem}.footer-copyright{font-size:.8rem}}@media(max-width:480px){.footer{padding:1.5rem .75rem .75rem}.footer-content{gap:1.25rem}.footer-section{gap:.5rem}.footer-logo{width:100px;height:100px}.footer-title{font-size:.95rem;margin-bottom:.5rem}.footer-contact-item,.footer-link{font-size:.8rem;margin-bottom:.35rem}.social-icon{width:32px;height:32px}.social-icon svg{width:16px;height:16px}.footer-divider{margin:1.25rem 0 .75rem}.footer-copyright{font-size:.75rem}}.loading-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;z-index:99999;transition:background-color .3s ease,opacity .3s ease;animation:fadeIn .3s ease-out}.loading-spinner-overlay.light{background:linear-gradient(135deg,#fff,#f5f9f7)}.loading-spinner-overlay.dark{background:linear-gradient(135deg,#0c1210,#111a17)}.loading-spinner-container{position:relative;display:flex;align-items:center;justify-content:center;width:140px;height:140px}.loading-spinner{position:relative;width:140px;height:140px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner-ring:nth-child(1){width:140px;height:140px;border-top:4px solid var(--color-primary);border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid transparent;animation-delay:0s;animation-duration:1.2s;filter:drop-shadow(0 0 8px var(--glow-primary))}.spinner-ring:nth-child(2){width:110px;height:110px;border-top:3px solid var(--color-secondary);border-right:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid transparent;animation-delay:-.15s;animation-duration:1s;filter:drop-shadow(0 0 6px var(--glow-secondary))}.spinner-ring:nth-child(3){width:80px;height:80px;border-top:3px solid var(--color-tertiary);border-right:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid transparent;animation-delay:-.3s;animation-duration:.8s;filter:drop-shadow(0 0 5px var(--glow-secondary))}.spinner-ring:nth-child(4){width:50px;height:50px;border-top:2px solid var(--color-primary);border-right:2px solid transparent;border-bottom:2px solid transparent;border-left:2px solid transparent;animation-delay:-.45s;animation-duration:.6s;filter:drop-shadow(0 0 4px var(--glow-primary))}[data-theme=light] .spinner-ring:nth-child(1){border-top-color:var(--color-primary);filter:drop-shadow(0 0 10px rgba(31,76,53,.4))}[data-theme=light] .spinner-ring:nth-child(2){border-top-color:var(--color-secondary);filter:drop-shadow(0 0 8px rgba(73,178,124,.4))}[data-theme=light] .spinner-ring:nth-child(3){border-top-color:var(--color-tertiary);filter:drop-shadow(0 0 6px rgba(150,210,181,.4))}[data-theme=light] .spinner-ring:nth-child(4){border-top-color:var(--color-secondary);filter:drop-shadow(0 0 5px rgba(73,178,124,.4))}[data-theme=dark] .spinner-ring:nth-child(1){border-top-color:var(--color-primary);filter:drop-shadow(0 0 12px rgba(73,178,124,.6))}[data-theme=dark] .spinner-ring:nth-child(2){border-top-color:var(--color-secondary);filter:drop-shadow(0 0 10px rgba(150,210,181,.6))}[data-theme=dark] .spinner-ring:nth-child(3){border-top-color:var(--color-tertiary);filter:drop-shadow(0 0 8px rgba(31,76,53,.6))}[data-theme=dark] .spinner-ring:nth-child(4){border-top-color:var(--color-primary);filter:drop-shadow(0 0 6px rgba(73,178,124,.6))}.loading-spinner-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;z-index:10}.logo-circle{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%);animation:pulse 2s ease-in-out infinite,rotate 3s linear infinite;position:relative;box-shadow:0 0 20px var(--glow-primary),inset 0 0 15px #ffffff26}.logo-circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65%;height:65%;border-radius:50%;background:radial-gradient(circle,#ffffff40,#ffffff0d);border:1.5px solid rgba(255,255,255,.3)}.logo-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35%;height:35%;border-radius:50%;background:#fff6;box-shadow:0 0 10px #ffffff80}[data-theme=light] .logo-circle{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%);box-shadow:0 0 25px #1f4c3566,0 0 40px #49b27c4d,inset 0 0 20px #fff3}[data-theme=light] .logo-circle:before{background:radial-gradient(circle,#fff6,#ffffff1a);border-color:#fff6}[data-theme=light] .logo-circle:after{background:#fff9;box-shadow:0 0 12px #fff9}[data-theme=dark] .logo-circle{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%);box-shadow:0 0 30px #49b27c99,0 0 50px #96d2b566,inset 0 0 25px #ffffff26}[data-theme=dark] .logo-circle:before{background:radial-gradient(circle,#ffffff4d,#ffffff14);border-color:#ffffff40}[data-theme=dark] .logo-circle:after{background:#ffffff80;box-shadow:0 0 15px #ffffffb3}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.85}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loading-spinner-overlay.fade-out{animation:fadeOut .3s ease-out forwards;pointer-events:none}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;display:none}}@media(max-width:768px){.loading-spinner-container,.loading-spinner{width:120px;height:120px}.spinner-ring:nth-child(1){width:120px;height:120px}.spinner-ring:nth-child(2){width:95px;height:95px}.spinner-ring:nth-child(3){width:70px;height:70px}.spinner-ring:nth-child(4){width:45px;height:45px}.loading-spinner-logo{width:42px;height:42px}}@media(max-width:480px){.loading-spinner-container,.loading-spinner{width:100px;height:100px}.spinner-ring:nth-child(1){width:100px;height:100px}.spinner-ring:nth-child(2){width:80px;height:80px}.spinner-ring:nth-child(3){width:60px;height:60px}.spinner-ring:nth-child(4){width:40px;height:40px}.loading-spinner-logo{width:36px;height:36px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--color-background)}.error-boundary-container{max-width:600px;width:100%;text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border-radius:16px;box-shadow:0 4px 20px #0000001a}.error-boundary-icon{color:#ef4444;margin-bottom:1.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-boundary-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.error-boundary-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0 0 2rem;line-height:1.6}.error-boundary-network-hint{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:2rem;color:#ef4444}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-boundary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:none;font-family:inherit}.error-boundary-btn-primary{background-color:#0d9d57;color:#fff}.error-boundary-btn-primary:hover{background-color:#0d9d57;transform:translateY(-2px);box-shadow:0 4px 12px #047d3f4d}.error-boundary-btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border)}.error-boundary-btn-secondary:hover{background-color:var(--color-background);transform:translateY(-2px)}.error-boundary-btn-outline{background-color:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.error-boundary-btn-outline:hover{background-color:var(--color-surface);border-color:#0d9d57;color:#0d9d57;transform:translateY(-2px)}.error-boundary-details{margin-top:2rem;text-align:left;border-top:1px solid var(--color-border);padding-top:1.5rem}.error-boundary-details summary{cursor:pointer;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:var(--color-text-primary)}.error-boundary-error-info{background-color:#0000000d;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto}[data-theme=dark] .error-boundary-error-info{background-color:#ffffff0d}.error-boundary-error-message{color:#ef4444;margin-bottom:1rem;word-break:break-word}.error-boundary-stack{font-size:.75rem;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;line-height:1.5;margin:0}@media(max-width:768px){.error-boundary-container{padding:2rem 1.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-subtitle{font-size:1rem}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%;justify-content:center}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:100%;pointer-events:none}[dir=rtl] .toast-container{right:auto;left:1rem}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:var(--color-surface);border-radius:12px;box-shadow:0 4px 20px #00000026;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:all;border-left:4px solid;position:relative;overflow:hidden}[dir=rtl] .toast{transform:translate(-100%);border-left:none;border-right:4px solid}.toast-visible{opacity:1;transform:translate(0)}.toast-exiting{opacity:0;transform:translate(100%)}[dir=rtl] .toast-exiting{transform:translate(-100%)}.toast-success{border-left-color:#10b981;background-color:#fff}[dir=rtl] .toast-success{border-left-color:transparent;border-right-color:#10b981}[data-theme=dark] .toast-success{background-color:#10b9811a;border-left-color:#10b981}[data-theme=dark][dir=rtl] .toast-success{border-right-color:#10b981}.toast-error{border-left-color:#ef4444;background-color:#fff}[dir=rtl] .toast-error{border-left-color:transparent;border-right-color:#ef4444}[data-theme=dark] .toast-error{background-color:#ef44441a;border-left-color:#ef4444}[data-theme=dark][dir=rtl] .toast-error{border-right-color:#ef4444}.toast-warning{border-left-color:#f59e0b;background-color:#fff}[dir=rtl] .toast-warning{border-left-color:transparent;border-right-color:#f59e0b}[data-theme=dark] .toast-warning{background-color:#f59e0b1a;border-left-color:#f59e0b}[data-theme=dark][dir=rtl] .toast-warning{border-right-color:#f59e0b}.toast-info{border-left-color:#3b82f6;background-color:#fff}[dir=rtl] .toast-info{border-left-color:transparent;border-right-color:#3b82f6}[data-theme=dark] .toast-info{background-color:#3b82f61a;border-left-color:#3b82f6}[data-theme=dark][dir=rtl] .toast-info{border-right-color:#3b82f6}.toast-icon{flex-shrink:0;margin-top:2px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:.9375rem;line-height:1.5;color:var(--color-text-primary);word-wrap:break-word}.toast-close{flex-shrink:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.6}.toast-close:hover{opacity:1;background-color:#0000000d}[data-theme=dark] .toast-close:hover{background-color:#ffffff1a}.toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;background-color:currentColor;animation:toast-progress linear forwards;transform-origin:left}[dir=rtl] .toast:after{left:auto;right:0;transform-origin:right}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast-success:after{color:#10b981}.toast-error:after{color:#ef4444}.toast-warning:after{color:#f59e0b}.toast-info:after{color:#3b82f6}@media(max-width:768px){.toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:100%}[dir=rtl] .toast-container{right:.5rem;left:.5rem}.toast{padding:.875rem}.toast-message{font-size:.875rem}}.App{width:100%;min-height:100vh;background-color:var(--color-background);position:relative;overflow-x:hidden;display:block!important;opacity:1!important;visibility:visible!important;transition:background-color .2s ease,opacity .2s ease;will-change:background-color}@keyframes scrollReveal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.about-section,.campaigns-section,.orphan-sponsorship-section,.projects-section{position:relative;z-index:1}.neon-lines-container{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0;overflow:hidden;opacity:0;isolation:isolate;transition:opacity .5s ease-in}.neon-lines-container.visible{opacity:.3}[data-theme=dark] .neon-lines-container.visible{opacity:.4}.neon-line{position:absolute;width:1.5px;height:200%;background:linear-gradient(to bottom,transparent 0%,rgba(73,178,124,.3) 15%,rgba(73,178,124,.5) 50%,rgba(73,178,124,.3) 85%,transparent 100%);box-shadow:0 0 5px #49b27c66,0 0 10px #49b27c4d,0 0 15px #49b27c33;animation:neonLineMove 20s linear infinite;border-radius:1px;will-change:transform}[data-theme=dark] .neon-line{box-shadow:0 0 8px #49b27c80,0 0 15px #49b27c66,0 0 20px #49b27c4d}.neon-line-1{left:20%;animation-delay:0s;animation-duration:25s;animation-name:neonLineMoveFromRight}.neon-line-2{left:50%;animation-delay:-8s;animation-duration:30s;animation-name:neonLineMoveFromLeft}.neon-line-3{left:80%;animation-delay:-15s;animation-duration:28s;animation-name:neonLineMoveFromRight}@keyframes neonLineMoveFromRight{0%{transform:translateY(-100%) translate(100vw) rotate(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(100vh) translate(0) rotate(360deg);opacity:0}}@keyframes neonLineMoveFromLeft{0%{transform:translateY(-100%) translate(-100vw) rotate(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(100vh) translate(0) rotate(360deg);opacity:0}}@media(max-width:768px){.neon-lines-container.visible{opacity:.25}[data-theme=dark] .neon-lines-container.visible{opacity:.35}.neon-line{width:1px}.neon-line-3{display:none}}.hero-section,.campaigns-page,.zakat-page,.zakat-calculator-page{z-index:0!important}.contact-page{z-index:0!important;position:relative}.profile-page,.about-page,.donations-page{z-index:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass-card-base{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3 inset,0 1px #ffffff4d inset;position:relative;overflow:hidden}[data-theme=dark] .glass-card-base{background:#111a1799;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset}.glass-card-base:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.glass-card-base:hover:before{left:100%}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-border-animated{position:relative;padding:2px;border-radius:18px;background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;animation:gradientBorder 4s ease infinite}.gradient-border-animated>*{border-radius:16px}@keyframes cardGradientGlow{0%,to{box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3 inset,0 0 20px #0d9d571a}50%{box-shadow:0 12px 48px #0000001f,0 0 0 1px #ffffff4d inset,0 0 40px #0d9d5740,0 0 60px #49b27c26}}.glass-card-hover-glow{transition:all .5s cubic-bezier(.4,0,.2,1)}.glass-card-hover-glow:hover{transform:translateY(-8px) scale(1.02);animation:cardGradientGlow 2s ease-in-out infinite}.image-zoom-gradient{position:relative;overflow:hidden}.image-zoom-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(13,157,87,.1) 50%,rgba(13,157,87,.2) 100%);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.image-zoom-gradient:hover:after{opacity:1}.image-zoom-gradient img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.image-zoom-gradient:hover img{transform:scale(1.1)}@keyframes buttonGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-button-animated{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.gradient-button-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.gradient-button-animated:hover{animation:buttonGradient 3s ease infinite;transform:translateY(-2px);box-shadow:0 8px 24px #0d9d5766,0 0 40px #49b27c4d}.gradient-button-animated:hover:before{left:100%}@keyframes progressGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.progress-gradient-animated{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:200% 100%;animation:progressGradient 3s ease infinite;position:relative;overflow:hidden}.progress-gradient-animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-title{background:linear-gradient(90deg,#0d9d57,#49b27c,#96d2b5,#49b27c,#0d9d57);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGradient 5s ease infinite;display:inline-block}@keyframes floatWithGlow{0%,to{transform:translateY(0);filter:drop-shadow(0 0 10px rgba(13,157,87,.3))}50%{transform:translateY(-15px);filter:drop-shadow(0 0 20px rgba(73,178,124,.5))}}.float-glow{animation:floatWithGlow 4s ease-in-out infinite}.card-stagger-glass{opacity:0;transform:translateY(30px) scale(.95);animation:cardStaggerGlass .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardStaggerGlass{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.card-stagger-glass:nth-child(1){animation-delay:.1s}.card-stagger-glass:nth-child(2){animation-delay:.2s}.card-stagger-glass:nth-child(3){animation-delay:.3s}.card-stagger-glass:nth-child(4){animation-delay:.4s}.card-stagger-glass:nth-child(5){animation-delay:.5s}.card-stagger-glass:nth-child(6){animation-delay:.6s}.glass-badge{background:#0d9d57d9;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000026,0 0 0 1px #fff3 inset;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-badge:hover{background:#0d9d57f2;transform:scale(1.05);box-shadow:0 6px 24px #0d9d5766,0 0 0 1px #fff6 inset}@keyframes dividerGradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.gradient-divider{height:2px;background:linear-gradient(90deg,transparent,#0D9D57,#49B27C,#96D2B5,#49B27C,#0D9D57,transparent);background-size:200% 100%;animation:dividerGradient 3s linear infinite;border-radius:2px}.subtle-pattern{position:relative}.subtle-pattern:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(13,157,87,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(73,178,124,.03) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(150,210,181,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.scale-smooth{transition:transform .4s cubic-bezier(.4,0,.2,1)}.scale-smooth:hover{transform:scale(1.05)}.text-gradient-hover{background:linear-gradient(90deg,var(--color-text-primary),#0D9D57,#49B27C,var(--color-text-primary));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background-position .5s ease}.text-gradient-hover:hover{background-position:100% 0}.shadow-colored{box-shadow:0 4px 16px #0000001a,0 0 0 1px #0d9d571a;transition:box-shadow .4s cubic-bezier(.4,0,.2,1)}.shadow-colored:hover{box-shadow:0 8px 32px #00000026,0 0 0 1px #0d9d5733,0 0 40px #0d9d5733}@keyframes pulseGradient{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #0d9d5766}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 0 10px #0d9d5700}}.pulse-gradient{animation:pulseGradient 2s ease-in-out infinite}@media(max-width:768px){.glass-card-base{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.gradient-button-animated:hover{animation:none}.card-stagger-glass{animation-duration:.6s}}.glass-card-base,.gradient-button-animated,.progress-gradient-animated{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.gradient-border-animated,.gradient-button-animated,.progress-gradient-animated,.gradient-title,.gradient-divider,.pulse-gradient{animation:none}.glass-card-base:before{transition:none}}