:root{--primary-color: #085e5c;--secondary-color: #0d8381;--accent-color: #52c4bf;--gradient-start: #074a48;--gradient-end: #52c4bf;--primary-color-rgb: 13, 131, 129;--brand-tint-bg: #e8f7f6;--text-color-light: #333;--text-color-dark: #eee;--background-color-light: #ffffff;--background-color-dark: #1a1a1a;--card-background-light: #f9f9f9;--card-background-dark: #2c2c2c;--border-color-light: #ddd;--border-color-dark: #555;--shadow-color-light: rgba(0, 0, 0, .1);--shadow-color-dark: rgba(0, 0, 0, .3);--header-height: 80px;--header-bg: #f8f8f8;--header-text-color: var(--text-color-light);--sidebar-bg: #ffffff;--sidebar-text-color: var(--text-color-light);--footer-bg: #f8f8f8;--footer-text-color: var(--text-color-light);--primary-text-color: #ffffff;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .8s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .1);--shadow-colored: 0 8px 30px rgba(13, 131, 129, .25), 0 4px 12px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px}.light-theme{--text-color: var(--text-color-light);--background-color: var(--background-color-light);--card-background: var(--card-background-light);--border-color: var(--border-color-light);--shadow-color: var(--shadow-color-light);--header-bg: #f8f8f8;--header-text-color: var(--text-color-light);--sidebar-bg: #ffffff;--sidebar-text-color: var(--text-color-light);--footer-bg: #f8f8f8;--footer-text-color: var(--text-color-light);--primary-text-color: #ffffff}.dark-theme{--text-color: var(--text-color-dark);--background-color: var(--background-color-dark);--card-background: var(--card-background-dark);--border-color: var(--border-color-dark);--shadow-color: var(--shadow-color-dark);--header-bg: var(--background-color-dark);--header-text-color: #ffffff;--sidebar-bg: var(--background-color-dark);--sidebar-text-color: #ffffff;--footer-bg: var(--background-color-dark);--footer-text-color: #ffffff;--primary-text-color: var(--text-color-dark)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:var(--text-color);transition:background-color var(--transition-normal),color var(--transition-normal);scroll-behavior:smooth;overflow-x:hidden;line-height:1.6}*{-webkit-tap-highlight-color:transparent}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;display:flex;flex-direction:column;min-height:100vh}.main-content-area{display:flex;flex-grow:1}.page-content{flex-grow:1;transition:margin-left .3s ease}.section-title,.about-us-content h2,.our-business-content h2,.support-pillars-content h2,.testimonials-header h2,.stats-header h2,.how-it-works-title,.donation-container h2,.contact-header h2{font-weight:600!important;color:#053f3d!important;font-size:clamp(2rem,4.5vw,3rem)!important;line-height:1.2!important;letter-spacing:-.02em!important}.dark-theme .donation-container h2,.dark-theme .contact-header h2{color:var(--text-color-dark)!important}.about-us-content h2,.our-business-content h2,.testimonials-header h2,.stats-header h2,.how-it-works-title{background:linear-gradient(135deg,#085e5c,#0d8381)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;border:2px solid transparent;cursor:pointer}a .btn,a>.btn{text-decoration:none;display:inline-flex}.primary-btn{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--accent-color) 100%);color:#fff;border:none;position:relative;overflow:hidden;border-radius:12px}.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .4s ease}.primary-btn:hover:before{left:100%}.primary-btn:hover{background:linear-gradient(135deg,#074a48 0%,var(--secondary-color) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #0d838159}.dark-theme .primary-btn{background-color:#5a5a5a;color:var(--text-color-dark)}.hero-section{background:#fff;color:#fff;padding:0!important;min-height:100vh;margin-top:0;text-shadow:2px 2px 8px rgba(0,0,0,.5);position:relative;overflow:hidden;display:block}.hero-section.hero-carousel{padding:0!important;display:block!important}.hero-carousel{position:relative;width:100%;height:70vh;min-height:500px;max-height:700px}.hero-carousel-container,.hero-carousel-slides{position:relative;width:100%;height:100%;overflow:hidden;display:block}.hero-carousel-slide{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(100%)!important;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),visibility 0s .8s!important;display:flex!important;align-items:center;justify-content:center;padding:4rem 2rem;box-sizing:border-box;z-index:0!important;background-size:cover!important;background-position:center 50%!important;background-repeat:no-repeat!important;will-change:background-position,transform;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),visibility 0s .8s,background-position .3s ease-out!important}.hero-carousel-slide.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important;z-index:2!important;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),visibility 0s 0s!important;position:relative}.hero-carousel-slide.active .hero-slide-content{position:relative;z-index:3}.hero-carousel-slide:not(.active){z-index:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(100%)!important}.hero-slide-content{max-width:900px;text-align:center;animation:slideInUp .8s ease-out;width:100%;padding:0 1.5rem}.hero-carousel-slide.active .hero-slide-content{animation:slideInUp .8s ease-out}.hero-title-wrapper{position:relative;display:inline-block;width:100%;margin-bottom:1.5rem}.hero-title-animated{animation:fadeInScale 1s ease-out;position:relative;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-title-underline{position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:underlineExpand 1.2s ease-out .5s forwards;border-radius:2px}@keyframes underlineExpand{to{width:80%}}.hero-btn-animated{animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-slide-content h1{font-size:clamp(2rem,4.5vw,3.5rem);margin-bottom:0;line-height:1.2;font-weight:700;position:relative;z-index:1;letter-spacing:-.02em}.hero-slide-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:1rem;font-weight:500;opacity:.98;position:relative;z-index:1;text-shadow:2px 2px 12px rgba(0,0,0,.6);letter-spacing:-.01em}.hero-slide-description{font-size:clamp(.95rem,1.8vw,1.2rem);max-width:750px;margin:0 auto 2rem;line-height:1.6;font-weight:400;position:relative;z-index:1;text-shadow:1px 1px 8px rgba(0,0,0,.6);padding:0 1rem;opacity:.95}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:float-particle linear infinite;box-shadow:0 0 6px #fffc}@keyframes float-particle{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(100px) scale(1);opacity:0}}.hero-slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0000001a,#0003);z-index:1;pointer-events:none}.dark-theme .hero-slide-overlay{background:linear-gradient(to bottom,#00000080,#0003,#0006)}@keyframes pulse-overlay{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:2px solid rgba(255,255,255,.4);color:#fff;width:60px;height:60px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.carousel-nav-btn svg{transition:transform .3s ease}.carousel-nav-btn:hover{background:#ffffff4d;border-color:#ffffffe6;transform:translateY(-50%) scale(1.15);box-shadow:0 6px 25px #0000004d}.carousel-nav-btn:hover svg{transform:scale(1.2)}.carousel-nav-btn:active{transform:translateY(-50%) scale(1.05)}.carousel-prev{left:2rem}.carousel-next{right:2rem}.carousel-indicators{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10;background:#0000004d;padding:.5rem 1rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0;position:relative;overflow:hidden}.carousel-indicator:hover{background:#ffffff80;transform:scale(1.3);box-shadow:0 0 15px #fff9}.carousel-indicator.active{background:#fff;border-color:#fff;width:40px;border-radius:6px;box-shadow:0 0 15px #fffc}.indicator-progress{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff4d;transform:scaleX(0);transform-origin:left;transition:transform 6s linear}.carousel-indicator.active .indicator-progress{animation:indicatorProgress 6s linear}@keyframes indicatorProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scroll-indicator{position:absolute;bottom:2rem;right:2rem;display:none;flex-direction:column;align-items:center;gap:10px;z-index:10;opacity:.7;animation:fadeInUp 1s ease-out 2s both}.scroll-mouse{width:30px;height:50px;border:2px solid rgba(255,255,255,.8);border-radius:20px;position:relative;display:flex;justify-content:center;padding-top:8px}.scroll-wheel{width:6px;height:10px;background:#ffffffe6;border-radius:3px;animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}50%{transform:translateY(15px);opacity:.5}to{transform:translateY(0);opacity:1}}.scroll-text{color:#ffffffe6;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.hero-carousel-container:hover .carousel-nav-btn{opacity:1}.carousel-nav-btn{opacity:.7;transition:opacity .3s ease}.hero-carousel-container:hover .carousel-nav-btn:hover{opacity:1}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(0,0,0,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite;z-index:0;pointer-events:none}.dark-theme .hero-section:before{background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.08) 0%,transparent 50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.dark-theme .hero-section{background:linear-gradient(135deg,#1a1a1af2,#282828e6,#1a1a1af2),linear-gradient(#0003,#00000040);color:var(--text-color-dark)}.dark-theme .hero-carousel-slide{background-blend-mode:normal}.dark-theme .hero-carousel-slide.active{opacity:1!important;visibility:visible!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;animation:fadeIn 1s ease-out .9s both}.hero-buttons .btn{margin:0;padding:.9rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;box-shadow:0 4px 15px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.hero-buttons .btn svg{transition:transform .3s ease}.hero-buttons .btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 30px #0d838173}.hero-buttons .btn:hover svg{transform:translate(5px)}.hero-buttons .secondary-btn{background:#fffffff2;border:2px solid rgba(255,255,255,1);color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;box-shadow:0 4px 20px #00000040}.hero-buttons .secondary-btn:hover{background:#fff;border-color:#fff;box-shadow:0 8px 30px #fff6,0 4px 20px #0000004d;transform:translateY(-2px)}@media (max-width: 968px){.hero-carousel{height:65vh;min-height:450px;max-height:600px}.hero-carousel-slide{padding:3rem 1.5rem}.hero-slide-content h1{font-size:2.5rem;margin-bottom:.8rem}.hero-slide-subtitle{font-size:1.5rem;margin-bottom:.8rem}.hero-slide-description{font-size:1rem;margin-bottom:1.5rem}}@media (max-width: 768px){.hero-carousel{height:60vh;min-height:400px;max-height:550px}.hero-carousel-slide{padding:2.5rem 1.5rem}.hero-slide-content h1{font-size:2rem;margin-bottom:.75rem;line-height:1.2}.hero-slide-subtitle{font-size:1.3rem;margin-bottom:.75rem}.hero-slide-description{font-size:.95rem;margin-bottom:1.5rem;padding:0 .5rem;line-height:1.5}.carousel-nav-btn{width:45px;height:45px}.carousel-nav-btn svg{width:18px;height:18px}.carousel-prev{left:.75rem}.carousel-next{right:.75rem}.carousel-indicators{bottom:1.5rem;gap:.75rem}.hero-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto;gap:1rem}.hero-buttons .btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}.scroll-indicator{bottom:1.5rem;right:1rem}.scroll-mouse{width:25px;height:40px}.scroll-text{font-size:.75rem}}@media (max-width: 480px){.hero-carousel{height:55vh;min-height:350px;max-height:500px}.hero-carousel-slide{padding:2rem 1rem}.hero-slide-content h1{font-size:1.75rem;margin-bottom:.5rem}.hero-slide-subtitle{font-size:1.1rem;margin-bottom:.5rem}.hero-slide-description{font-size:.9rem;margin-bottom:1.25rem}.carousel-nav-btn{width:40px;height:40px}.carousel-nav-btn svg{width:16px;height:16px}.carousel-prev{left:.5rem}.carousel-next{right:.5rem}.carousel-indicators{bottom:1rem;gap:.5rem}.carousel-indicator{width:10px;height:10px}.carousel-indicator.active{width:30px}.hero-buttons{max-width:100%}.hero-buttons .btn{padding:.75rem 1.25rem;font-size:.95rem}.scroll-indicator{bottom:1rem;right:.75rem}}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-and-footer-wrapper{display:flex;flex-direction:column;flex:1}.main-layout-container{display:flex;flex-grow:1;position:relative}.dashboard-layout-wrapper{display:flex;flex-grow:1}.sidebar{width:20%;flex-shrink:0}.main-content{flex-grow:1;padding:20px;padding-top:calc(var(--header-height) + 20px);box-sizing:border-box;transition:margin-left .3s ease,width .3s ease;margin-left:0;width:100%}.main-content-expanded{margin-left:250px!important;width:calc(100% - 250px)!important}.main-content-collapsed{margin-left:60px!important;width:calc(100% - 60px)!important}.page-content{flex-grow:1;padding:0;transition:margin-left .3s ease}@media (max-width: 768px){.dashboard-layout-wrapper{flex-direction:column}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.scroll-section{opacity:0;transform:translateY(60px) scale(.96);transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);scroll-margin-top:var(--header-height);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d}.scroll-section.animate-in{opacity:1;transform:translateY(0) scale(1) rotateX(0);animation:scrollFadeIn .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes scrollFadeIn{0%{opacity:0;transform:translateY(60px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-section .parallax-element{transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform;transform-style:preserve-3d}.scroll-section:before,.scroll-section:after{transition:transform .3s ease-out;will-change:transform;transform-style:preserve-3d}.scroll-section[data-parallax-speed=slow]{transition-duration:.5s}.scroll-section[data-parallax-speed=fast]{transition-duration:.1s}.scroll-section h2,.scroll-section h3,.scroll-section h4{transform-style:preserve-3d;transition:transform .2s ease-out}.scroll-section,.scroll-section *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section{position:relative;transition:all var(--transition-normal);scroll-margin-top:var(--header-height);scroll-snap-align:start}section+section{margin-top:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.scroll-section{padding-top:6rem;padding-bottom:6rem}@media (max-width: 968px){.scroll-section{padding-top:4.5rem;padding-bottom:4.5rem}}@media (max-width: 768px){.scroll-section{padding-top:3.5rem;padding-bottom:3.5rem}}@media (max-width: 480px){.scroll-section{padding-top:2.5rem;padding-bottom:2.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero-section,.scroll-section,.stat-card,.highlight-item,.parallax-element{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.scroll-section.animate-in{opacity:1;transform:translateY(0) scale(1);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.parallax-section{position:relative;overflow:hidden}.card{background-color:var(--card-background);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);color:var(--text-color)}body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height, 80px)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}:root{--primary-color: #085e5c;--secondary-color: #0d8381;--accent-color: #52c4bf;--primary-color-rgb: 13, 131, 129;--text-color: #333;--light-bg: #f0faf9;--white-bg: #ffffff}.home-ad-slot.ad-banner-wrapper{max-width:min(900px,100%);margin-left:auto;margin-right:auto;padding:0 2rem;box-sizing:border-box;width:100%}.home-ad-after-hero.ad-banner-wrapper{margin-top:.35rem;margin-bottom:.75rem}.home-ad-mid-slot.ad-banner-wrapper{margin-top:.5rem;margin-bottom:1rem}.home-ad-before-articles.ad-banner-wrapper{margin-top:1rem;margin-bottom:.65rem}@media (max-width: 768px){.home-ad-slot.ad-banner-wrapper{padding:0 1rem}.home-ad-after-hero.ad-banner-wrapper{margin-top:.25rem;margin-bottom:.5rem}.home-ad-mid-slot.ad-banner-wrapper{margin-top:.35rem;margin-bottom:.75rem}.home-ad-before-articles.ad-banner-wrapper{margin-top:.75rem;margin-bottom:.5rem}}.main-header{background-color:#f8f8f8d9;color:var(--header-text-color);padding:1.25rem 0;position:fixed;top:0;left:0;right:0;z-index:1002;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 20px #0000000d;isolation:isolate}body.dark-theme .main-header,html.dark-theme .main-header{background-color:#1a1a1a!important;color:#fff!important}.dark-theme .main-header{background-color:#1a1a1a!important;background:#1a1a1a!important;color:#fff!important;box-shadow:0 2px 20px #00000080}body.dark-theme .main-header,html.dark-theme .main-header{background-color:#1a1a1a!important;background:#1a1a1a!important;color:#fff!important}.main-header.scrolled{background-color:#f8f8f8fa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.75rem 0;box-shadow:0 4px 30px #0000001f,0 2px 10px #00000014;border-bottom:1px solid rgba(0,0,0,.05)}.dark-theme .main-header.scrolled{background-color:#1a1a1afa!important;background:#1a1a1afa!important;color:#fff!important;box-shadow:0 4px 30px #0009,0 2px 10px #0006;border-bottom:1px solid rgba(255,255,255,.1)}body.dark-theme .main-header.scrolled,html.dark-theme .main-header.scrolled{background-color:#1a1a1a!important;background:#1a1a1a!important;color:#fff!important}.header-content{max-width:98vw;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1%}.logo{display:flex;align-items:center;flex-shrink:0;height:48px;max-height:48px}.logo .optimized-image-wrapper.logo-img,.logo .logo-img{height:100%;max-height:48px;max-width:min(240px,42vw);width:auto;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background-color:var(--header-bg, #f8f8f8);border-radius:8px;padding:4px 10px;box-sizing:border-box}.dark-theme .logo .optimized-image-wrapper.logo-img,.dark-theme .logo .logo-img{background-color:var(--header-bg, #1a1a1a)}.logo .optimized-image-wrapper .optimized-image{width:auto!important;height:auto!important;max-height:48px;max-width:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.dark-theme .logo .optimized-image-wrapper .optimized-image{mix-blend-mode:multiply;filter:brightness(1.12) contrast(1.05)}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.main-nav li{margin-left:2rem;position:relative}.main-nav a{color:var(--header-text-color);text-decoration:none;font-weight:500;font-size:1.05rem;transition:color .3s ease;position:relative}.main-nav a:hover{color:var(--secondary-color)}.client-area-btn{background-color:var(--secondary-color);color:#fff;padding:.7rem 1.2rem;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.dark-theme .client-area-btn{background-color:#4a4a4a;color:var(--text-color-dark)}.client-area-btn:hover{background-color:#053f3d}.dark-theme .client-area-btn:hover{background-color:#6a6a6a}.icon-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background-color:transparent;color:var(--text-color-light);border:none;cursor:pointer;font-size:1.05rem;font-weight:500;transition:color .3s ease}.icon-btn:hover{color:var(--secondary-color)}.client-area-icon{font-size:1.5rem;vertical-align:middle}.user-profile-dropdown{position:relative;display:inline-block;margin-left:2rem}.language-selector{position:relative;display:inline-block;margin-left:1rem}.language-toggle-btn{background-color:transparent;color:var(--header-text-color);border:none;padding:.7rem 1.2rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-radius:5px;transition:background-color .3s ease}.dark-theme .language-toggle-btn{color:#fff!important}.language-toggle-btn:hover{background-color:#ffffff1a}.dark-theme .language-toggle-btn:hover{background-color:#ffffff26}.language-dropdown-content{display:block;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;right:0;border-radius:5px;overflow:hidden}.language-dropdown-content button{color:#000;padding:12px 16px;text-decoration:none;display:flex;align-items:center;gap:.5rem;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease}.language-dropdown-content button:hover{background-color:#f1f1f1}.theme-toggle{margin-left:1rem;display:none}.theme-toggle-btn{background-color:transparent;color:var(--header-text-color);border:none;padding:.7rem 1rem;font-size:1.2rem;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.dark-theme .theme-toggle-btn{color:#fff!important}.theme-toggle-btn:hover{background-color:#ffffff1a}.dark-theme .theme-toggle-btn:hover{background-color:#ffffff26}.user-avatar-btn{background-color:var(--secondary-color);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.user-avatar-btn:hover{background-color:#053f3d}.dropdown-content{display:block;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;right:0;border-radius:5px;overflow:hidden}.dropdown-content a,.dropdown-content button{color:#000;padding:12px 16px;text-decoration:none;display:block;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-content a:hover,.dropdown-content button:hover{background-color:#f1f1f1}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer}.mobile-menu-toggle .bar{width:25px;height:3px;background-color:var(--header-text-color);margin:4px 0;transition:.4s}.dark-theme .mobile-menu-toggle .bar{background-color:#fff!important}.flag-icon{width:24px;height:auto;margin-right:8px;border:1px solid #ccc;vertical-align:middle}.nav-menu-item,.donation-menu-item{position:relative}.nav-menu-item:after{content:"";position:absolute;bottom:-.75rem;left:-50%;right:-50%;height:.75rem;background:transparent;z-index:1002;pointer-events:auto}.nav-menu-btn,.donation-menu-btn{background:none;border:none;color:var(--header-text-color);text-decoration:none;font-weight:500;font-size:1.05rem;transition:color .3s ease;cursor:pointer;display:flex;align-items:center;padding:0;font-family:inherit}.dark-theme .nav-menu-btn,.dark-theme .donation-menu-btn{color:#fff!important}.nav-menu-btn:hover,.donation-menu-btn:hover{color:var(--secondary-color)}.dark-theme .nav-menu-btn:hover,.dark-theme .donation-menu-btn:hover{color:#0d8381!important}.nav-menu-btn svg,.donation-menu-btn svg{transform:rotate(0);transition:transform .3s ease}.nav-menu-item--open .nav-menu-btn svg,.nav-menu-item--open.donation-menu-item .donation-menu-btn svg,.nav-menu-item:has(.nav-dropdown:not([style*="display: none"])) .nav-menu-btn svg,.donation-menu-item:has(.donation-dropdown:not([style*="display: none"])) .donation-menu-btn svg{transform:rotate(180deg)}@media (min-width: 769px){.nav-dropdown,.donation-dropdown{display:none}}@media (max-width: 768px){.nav-dropdown,.donation-dropdown{position:static;transform:none;margin-top:.5rem;width:100%;min-width:auto;max-width:none;animation:none}.nav-dropdown-content,.donation-dropdown-content{background:#00000005;border-radius:12px;padding:1.25rem;border:1px solid rgba(0,0,0,.08);box-shadow:none}.dark-theme .nav-dropdown-content,.dark-theme .donation-dropdown-content{background:#ffffff0d;border-color:#ffffff1a}}.dark-theme .donation-dropdown-content{background:#2c2c2c;border-color:#ffffff1a}.donation-qr-section{padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:1.5rem}.dark-theme .donation-qr-section{border-bottom-color:#ffffff1a}.donation-qr-section h4{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:center}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-code-placeholder{display:flex;align-items:center;justify-content:center}.qr-code-action-btn{margin-top:.75rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.qr-code-action-btn:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0d83814d}.qr-code-text{font-size:.85rem;color:var(--text-color);opacity:.7;margin:0;text-align:center}.donation-links-section{display:flex;flex-direction:column;gap:.75rem}.nav-link-item,.donation-link-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;text-decoration:none;color:var(--text-color);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:#00000005;margin-bottom:.5rem}.nav-link-item:last-child,.donation-link-item:last-child{margin-bottom:0}.nav-link-item:hover,.donation-link-item:hover{background:#0d838114;border-color:#0d838140;transform:translate(4px);box-shadow:0 2px 8px #0d838126}.dark-theme .nav-link-item:hover,.dark-theme .donation-link-item:hover{background:#0d838126;border-color:#0d838159}.nav-link-item svg,.donation-link-item svg{flex-shrink:0;color:var(--primary-color);margin-top:2px}.nav-link-item div,.donation-link-item div{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-link-item strong,.donation-link-item strong{font-size:.95rem;font-weight:600;color:var(--text-color)}.nav-link-item span,.donation-link-item span{font-size:.85rem;color:var(--text-color);opacity:.7}.pilar-logo-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;margin-top:2px}.nav-link-item-view-all{background:#0d83810d;border-color:#0d838126;margin-top:.5rem;padding-top:1rem;padding-bottom:1rem}.nav-link-item-view-all:hover{background:#0d83811f;border-color:#0d83814d}.dark-theme .donation-link-item:hover{background:#0d83811a;border-color:#0d83814d}.donation-link-item svg{flex-shrink:0;color:var(--primary-color)}.donation-link-item div{display:flex;flex-direction:column;gap:.25rem}.donation-link-item strong{font-size:.95rem;font-weight:600;color:var(--text-color)}.donation-link-item span{font-size:.85rem;color:var(--text-color);opacity:.7}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mega-menu{position:fixed;top:70px;left:0;right:0;width:100%;background:#fff;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;border-top:1px solid rgba(0,0,0,.08);z-index:1001;animation:megaMenuSlideDown .3s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 70px);overflow-y:auto;margin-top:-.75rem;padding-top:.75rem}.dark-theme .mega-menu{background:#2c2c2c;border-top-color:#ffffff1a}.mega-menu-content{max-width:1400px;margin:0 auto;padding:3rem 2rem}.mega-menu-panel{width:100%}.mega-menu-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;align-items:start}.mega-menu-column h3{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(13,131,129,.2)}.dark-theme .mega-menu-column h3{color:#4caf50;border-bottom-color:#0d83814d}.mega-menu-link{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;text-decoration:none;color:var(--text-color);transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.mega-menu-link:last-child{border-bottom:none}.dark-theme .mega-menu-link{border-bottom-color:#ffffff1a}.mega-menu-link:hover{padding-left:.5rem;color:var(--primary-color)}.mega-menu-link-icon{flex-shrink:0;width:24px;height:24px;color:var(--primary-color);margin-top:2px;transition:all .2s ease}.mega-menu-link:hover .mega-menu-link-icon{color:var(--primary-color);transform:scale(1.1)}.mega-menu-link-icon.pilar-icon{width:24px;height:24px;object-fit:contain;border-radius:4px}.mega-menu-link-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.mega-menu-link-title{display:block;font-size:1rem;font-weight:600;color:var(--text-color);transition:color .2s ease}.mega-menu-link:hover .mega-menu-link-title{color:var(--primary-color)}.mega-menu-link-desc{display:block;font-size:.875rem;color:var(--text-color);opacity:.7;line-height:1.5}.mega-menu-qr-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#0d83810d;border-radius:12px;border:1px solid rgba(13,131,129,.15)}.dark-theme .mega-menu-qr-section{background:#0d83811a;border-color:#0d838140}.mega-menu-qr-text{font-size:.875rem;color:var(--text-color);opacity:.8;margin:0;text-align:center}.mega-menu-qr-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:250px}.mega-menu-qr-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0d83814d}@keyframes megaMenuSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.mega-menu-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}}@media (max-width: 768px){.mega-menu{top:60px;max-height:calc(100vh - 60px)}.mega-menu-content{padding:2rem 1.5rem}.mega-menu-columns{grid-template-columns:1fr;gap:2rem}.mega-menu-column h3{font-size:1rem;margin-bottom:1rem}}@media (max-width: 768px){.main-nav{display:none;flex-direction:column;width:100%;position:absolute;top:60px;left:0;background-color:var(--header-bg);box-shadow:0 5px 10px #0003}.main-nav.open{display:flex}.main-nav ul{flex-direction:column;width:100%;padding:1rem 0}.main-nav li{margin:.5rem 0;width:100%;text-align:center}.main-nav a,.client-area-btn{display:block;padding:.8rem 1rem;width:100%}.mobile-menu-toggle{display:flex}.client-area-btn{margin-top:1rem}.user-profile-dropdown,.language-selector{margin-left:0;width:100%;text-align:center}.language-toggle-btn{justify-content:center;margin:.5rem auto}.language-dropdown-content{position:static;width:100%;box-shadow:none;border-top:1px solid #eee}.theme-toggle{margin-left:0;width:100%;text-align:center}.theme-toggle-btn,.user-avatar-btn{margin:.5rem auto}.dropdown-content{position:static;width:100%;box-shadow:none;border-top:1px solid #eee}.nav-menu-item,.donation-menu-item{width:100%;margin-left:0}.nav-menu-btn,.donation-menu-btn{width:100%;justify-content:space-between;padding:.8rem 1rem}.mega-menu{top:60px;max-height:calc(100vh - 60px)}.mega-menu-content{padding:1.5rem 1rem}.mega-menu-columns{grid-template-columns:1fr;gap:1.5rem}}.main-footer{background-color:var(--footer-bg);color:var(--footer-text-color);padding:3rem 0;font-size:.95rem;position:relative;transition:margin-left .3s ease}.main-footer.footer-expanded{margin-left:250px}.main-footer.footer-collapsed{margin-left:60px}.main-footer.modern-footer{background:#f8f9fa;padding:4rem 0 2rem;position:relative;overflow:hidden;margin-top:-58px;padding-top:calc(4rem + 58px)}@media (max-width: 768px){.main-footer.modern-footer{margin-top:-44px;padding-top:calc(3rem + 44px);padding-bottom:2rem}}@media (max-width: 480px){.main-footer.modern-footer{margin-top:-36px;padding-top:calc(2.5rem + 36px);padding-bottom:2rem}}.main-footer.modern-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:58px;z-index:0;pointer-events:none;background:#f8f9fa;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='white' d='M0 32 C 240 10 480 55 720 32 C 960 10 1200 55 1440 32 L1440 60 L0 60 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='white' d='M0 32 C 240 10 480 55 720 32 C 960 10 1200 55 1440 32 L1440 60 L0 60 Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:bottom center;mask-position:bottom center;-webkit-mask-size:100% 58px;mask-size:100% 58px}.main-footer.modern-footer:after{content:"";position:absolute;top:0;left:0;right:0;height:58px;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:top center;background-size:100% 58px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 32 C 240 10 480 55 720 32 C 960 10 1200 55 1440 32' fill='none' stroke='%23000000' stroke-opacity='0.55' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='614' y='26' width='12' height='12' rx='4' fill='%23085e5c' opacity='1' stroke='none'/%3E%3Crect x='644' y='26' width='12' height='12' rx='4' fill='%230d8381' opacity='1' stroke='none'/%3E%3Crect x='674' y='26' width='12' height='12' rx='4' fill='%2352c4bf' opacity='1' stroke='none'/%3E%3C/svg%3E");opacity:.22}.dark-theme .main-footer.modern-footer{background:#1a1a1a}.dark-theme .main-footer.modern-footer:before{background:#1a1a1a}.dark-theme .main-footer.modern-footer:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 32 C 240 10 480 55 720 32 C 960 10 1200 55 1440 32' fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='614' y='26' width='12' height='12' rx='4' fill='%23085e5c' opacity='0.55' stroke='none'/%3E%3Crect x='644' y='26' width='12' height='12' rx='4' fill='%230d8381' opacity='0.55' stroke='none'/%3E%3Crect x='674' y='26' width='12' height='12' rx='4' fill='%2352c4bf' opacity='0.55' stroke='none'/%3E%3C/svg%3E");opacity:.28}.main-footer.modern-footer .footer-content,.main-footer.modern-footer .footer-bottom{position:relative;z-index:1}.footer-content{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:0 1.5rem;align-items:flex-start;box-sizing:border-box}.footer-section{flex:1;margin-bottom:1.5rem}.footer-section h4{color:var(--primary-color);font-size:1.4rem;margin-bottom:1.5rem;font-weight:700;position:relative;padding-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.footer-section h4:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color));border-radius:2px}.footer-section p{color:var(--footer-text-color);line-height:1.8;font-size:.95rem;margin-bottom:1rem}.footer-section ul{color:var(--footer-text-color);line-height:1.8;list-style:none;padding:0}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li{margin-bottom:.8rem;padding-left:0}.footer-section ul li:before{content:"→";color:var(--secondary-color);font-weight:700;margin-right:.5rem;transition:transform .3s ease}.footer-section ul li:hover:before{transform:translate(5px)}.footer-section ul li a{color:var(--footer-text-color);text-decoration:none;transition:all .3s ease;display:inline-block;font-size:.95rem}.footer-section ul li a:hover{color:var(--secondary-color);transform:translate(5px);font-weight:500}.social-links{margin-top:1rem}.social-links{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#0d83811a;color:var(--secondary-color);border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;font-size:1.2rem;border:2px solid rgba(13,131,129,.2)}.social-icon:hover{background-color:var(--secondary-color);color:#fff;transform:translateY(-5px) scale(1.1);box-shadow:0 6px 20px #0d838180;border-color:var(--secondary-color)}.social-icon:active{transform:translateY(-3px) scale(1.05)}.dark-theme .social-icon{background-color:#0d838126;border-color:#0d83814d;color:var(--accent-color)}.dark-theme .social-icon:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.footer-bottom{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(0,0,0,.06);color:var(--footer-text-color);font-size:.9rem;opacity:.85;position:relative}.footer-bottom:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12),transparent)}.dark-theme .footer-bottom{border-top-color:#ffffff1f}.dark-theme .footer-bottom:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.footer-section.contact-info ul li:before{display:none}.footer-section.contact-info ul li{margin-bottom:.3rem}.footer-section.contact-info .contact-link{padding:.25rem 0;margin-left:-.5rem}.contact-link{display:flex;align-items:center;gap:.75rem;color:var(--footer-text-color);text-decoration:none;transition:all .3s ease;border-radius:8px;padding:.5rem 0 .5rem .5rem;margin-left:-.5rem}.contact-link:hover{color:var(--secondary-color);transform:translate(5px);background-color:#0d83810d}.contact-link-disabled{cursor:default;pointer-events:none}.contact-link-disabled:hover{transform:none;background-color:transparent}.contact-link-whatsapp{gap:.5rem}.whatsapp-icon{font-size:1rem;color:#25d366;flex-shrink:0;transition:transform .3s ease}.contact-link-whatsapp:hover .whatsapp-icon{transform:scale(1.2);color:#25d366}.contact-link-whatsapp:hover{color:#25d366}.contact-text{flex:1;font-size:.95rem;line-height:1.6}.footer-newsletter-form{display:flex;align-items:center;gap:.45rem;width:100%}.footer-newsletter-input{flex:1;min-width:0;border:1px solid rgba(13,131,129,.35);border-radius:8px;padding:.55rem .7rem;font-size:.9rem;color:var(--footer-text-color);background:#ffffffd9}.footer-newsletter-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #0d838129}.footer-newsletter-btn{border:none;border-radius:8px;padding:.55rem .75rem;font-size:.86rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));cursor:pointer;white-space:nowrap}.footer-newsletter-btn:hover{filter:brightness(.97)}.dark-theme .contact-link:hover{background-color:#0d83811a}.dark-theme .footer-newsletter-input{background:#ffffff0f;border-color:#52c4bf80;color:var(--footer-text-color)}.dark-theme .contact-link-whatsapp:hover{background-color:#25d3661a}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-section{width:100%;max-width:100%}.footer-section h4{padding-bottom:1rem;margin-bottom:1rem}.footer-section h4:after{left:50%;transform:translate(-50%)}.social-links{justify-content:center}.footer-section ul li:before{display:none}.footer-section ul li a{display:block}.footer-newsletter-form{justify-content:center}}.sidebar{width:250px;background-color:var(--sidebar-bg);color:var(--sidebar-text-color);box-shadow:2px 0 10px #0000001a;flex-shrink:0;transition:width .3s ease,left .3s ease;z-index:1000;position:fixed;left:0;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto}.sidebar.collapsed{width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 20px 20px;border-bottom:1px solid rgba(255,255,255,.1);gap:.5rem}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-toggle-btn{background:none;border:none;color:var(--sidebar-text-color);font-size:1.5rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.sidebar-header h3{color:var(--sidebar-text-color);padding:0;text-align:center;margin:0;white-space:nowrap;overflow:hidden;transition:opacity .3s ease;font-size:1.05rem}.sidebar.collapsed .sidebar-header h3{opacity:0;width:0}.sidebar-nav ul{list-style:none;padding:0}.sidebar-nav li{margin-bottom:10px}.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;gap:10px;color:var(--sidebar-text-color);text-decoration:none;padding:10px 20px;background-color:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;border-radius:5px;font-family:inherit;font-size:1rem;font-weight:400}.sidebar.collapsed .sidebar-nav span{display:none}.sidebar.collapsed .sidebar-nav .icon{margin-right:0}.sidebar.collapsed .sidebar-nav a,.sidebar.collapsed .sidebar-nav button{justify-content:center;padding:10px}.sidebar-nav a:hover,.sidebar-nav button:hover{background-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sidebar-nav a.active,.sidebar-nav button.active{background-color:var(--primary-color);color:var(--primary-text-color);font-weight:700;box-shadow:0 2px 5px #0003}.sidebar-nav a.active:hover,.sidebar-nav button.active:hover{transform:translateY(0);box-shadow:0 2px 5px #0003}.sidebar-nav .icon{font-size:1.2rem}.submenu-item{position:relative}.submenu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.chevron-icon{font-size:.9rem;margin-left:auto;transition:transform .3s ease}.submenu{list-style:none;padding:0 0 0 20px;border-left:2px solid rgba(255,255,255,.1);margin:5px 0 0 20px}.submenu li{margin-bottom:5px}.submenu a{padding:8px 15px;font-size:.9rem;display:flex;align-items:center;gap:10px;color:var(--sidebar-text-color)}.submenu a:hover{background-color:#ffffff1a;transform:translate(5px)}.submenu a.active{background-color:var(--primary-color);color:var(--primary-text-color);border-left:3px solid var(--primary-color);padding-left:12px;font-weight:700;box-shadow:0 2px 5px #0003}.submenu a.active:hover{transform:translate(0);box-shadow:0 2px 5px #0003}.sidebar.collapsed .submenu,.sidebar.collapsed .chevron-icon{display:none}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 15px #085e5c66;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .3s ease-out}.scroll-to-top-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 25px #085e5c99;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--accent-color) 100%)}.scroll-to-top-btn:active{transform:translateY(-3px) scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark-theme .scroll-to-top-btn{background:linear-gradient(135deg,#4a4a4a,#5a5a5a);box-shadow:0 4px 15px #00000080}.dark-theme .scroll-to-top-btn:hover{background:linear-gradient(135deg,#5a5a5a,#6a6a6a);box-shadow:0 8px 25px #000000b3}@media (max-width: 768px){.scroll-to-top-btn{bottom:1.5rem;right:1.5rem;width:45px;height:45px;font-size:1rem}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:10000;pointer-events:none}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);transition:width .1s ease-out;box-shadow:0 0 10px #0d838180}.dark-theme .scroll-progress-bar{background:linear-gradient(90deg,#085e5c,#0d8381,#52c4bf);box-shadow:0 0 10px #0d8381b3}.articles-section{padding:6rem 2rem;background:#fff;position:relative;overflow:hidden}.dark-theme .articles-section{background:var(--background-color-dark)}.articles-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 50%,rgba(0,0,0,.05) 0%,transparent 50%);pointer-events:none}.dark-theme .articles-section:before{background:radial-gradient(circle at 80% 50%,rgba(255,255,255,.05) 0%,transparent 50%)}.articles-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58px;pointer-events:none;z-index:0;background-repeat:no-repeat;background-position:bottom center;background-size:100% 58px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 26 C 260 12 520 58 780 26 C 1040 12 1300 58 1440 26' fill='none' stroke='%23000000' stroke-opacity='0.55' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='760' y='20' width='18' height='18' rx='6' fill='%23085e5c' opacity='1' stroke='none'/%3E%3Crect x='786' y='20' width='18' height='18' rx='6' fill='%230d8381' opacity='1' stroke='none'/%3E%3Crect x='812' y='20' width='18' height='18' rx='6' fill='%2352c4bf' opacity='1' stroke='none'/%3E%3C/svg%3E");opacity:.22}.dark-theme .articles-section:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 26 C 260 12 520 58 780 26 C 1040 12 1300 58 1440 26' fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='760' y='20' width='18' height='18' rx='6' fill='%23085e5c' opacity='1' stroke='none'/%3E%3Crect x='786' y='20' width='18' height='18' rx='6' fill='%230d8381' opacity='1' stroke='none'/%3E%3Crect x='812' y='20' width='18' height='18' rx='6' fill='%2352c4bf' opacity='1' stroke='none'/%3E%3C/svg%3E");opacity:.3}@media (max-width: 768px){.articles-section:after{height:44px;background-size:100% 44px;opacity:.12}.dark-theme .articles-section:after{opacity:.18}}@media (max-width: 480px){.articles-section:after{height:36px;background-size:100% 36px;opacity:.1}.dark-theme .articles-section:after{opacity:.15}}.articles-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.articles-header{text-align:center;margin-bottom:4rem}.articles-header h2{font-size:2.25rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-subtitle{font-size:1.2rem;color:var(--text-color);max-width:700px;margin:0 auto;line-height:1.7;opacity:.9}.articles-loading,.articles-error,.articles-empty{text-align:center;padding:4rem 2rem;color:var(--text-color);font-size:1.2rem}.article-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem}.article-card{background-color:var(--card-background);border-radius:20px;box-shadow:0 4px 20px var(--shadow-color);padding:0;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid var(--border-color);animation:fadeInUp .6s ease-out both;position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:1}.article-card:hover{transform:translateY(-10px);box-shadow:0 8px 30px #0d838133}.article-card:hover:before{transform:scaleX(1)}.article-card-image-wrapper{position:relative;width:100%;min-height:250px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;text-align:left;padding:2rem;transition:transform .4s ease}.article-card:hover .article-card-image-wrapper{transform:scale(1.05)}.article-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%);z-index:1}.article-card-header{position:relative;z-index:2}.article-card-image-wrapper .article-card-title,.article-card-image-wrapper .article-card-subtitle{position:relative;z-index:2;color:#fff;margin:0}.article-card-title{font-size:1.5rem;margin-bottom:.5rem;line-height:1.2;height:auto;overflow:visible;text-overflow:unset}.article-card-subtitle{font-size:.9rem;font-weight:400;color:#fff}.article-card-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.article-content-preview{font-size:.95rem;color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;height:6em;overflow:hidden;text-overflow:ellipsis}.read-more-btn{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--accent-color) 100%);color:#fff;padding:.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;margin-top:auto;position:relative;overflow:hidden}.read-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}.read-more-btn:hover:before{left:100%}.read-more-btn:hover{transform:translate(5px);box-shadow:0 4px 15px #0d838166}.read-more-arrow{transition:transform .3s ease}.read-more-btn:hover .read-more-arrow{transform:translate(5px)}.dark-theme .read-more-btn{background:linear-gradient(135deg,#5a5a5a,#7a7a7a);color:var(--text-color-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.articles-section{padding:4rem 1.5rem}.articles-header h2{font-size:2.2rem}.articles-subtitle{font-size:1rem}.article-cards-grid{grid-template-columns:1fr;gap:2rem}.article-card-image-wrapper{min-height:200px;padding:1.5rem}.article-card-title{font-size:1.3rem}.article-card-subtitle{font-size:.85rem}.article-card-content{padding:1.5rem}}@media (max-width: 480px){.article-cards-grid{grid-template-columns:1fr}}