@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFadeIn{0%{opacity:.8}to{opacity:1}}@keyframes imageLoad{to{opacity:1}}@keyframes hotspotPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}ul{box-sizing:border-box}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--primary-green:#599553;--primary-hover:#487a42;--dark-text:#1a1a3a;--body-text:#5f5f86;--nav-text:#666666;--white:#ffffff;--bg-color:#f3f4ff;--font-main:"General Sans", sans-serif;--max-width:1280px}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--dark-text);overflow-x:hidden;animation:subtleFadeIn 1.5s ease-out}.main-header{animation:fadeInDown 1s ease-out}.footer-links-area{animation:fadeInUp 1s ease-out .3s both}.footer-banner{animation:fadeInUp 1s ease-out .5s both}@media (max-width:768px){.main-header{animation-duration:.8s}}.mobile-toggle span{transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(89 149 83/.3)}img{transition:opacity .3s ease}img[alt]{opacity:0;animation:imageLoad .6s ease-out .2s forwards}::selection{background-color:rgb(89 149 83/.2);color:var(--dark-text)}.btn:focus,a:focus{outline:2px solid var(--primary-green);outline-offset:2px}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.mobile-donate{display:none}@media (max-width:900px){.main-nav{display:none!important;position:absolute;top:80px;left:0;right:0;background-color:var(--white);border-radius:16px;box-shadow:0 10px 40px rgb(0 0 0/.1);padding:30px;z-index:99}.main-nav ul{flex-direction:column;align-items:center;gap:25px}.main-nav a{font-size:18px;font-weight:500}.header-box{position:relative}.header-cta{display:none}.mobile-donate{display:block;width:100%;margin-top:15px}.mobile-donate .btn{width:100%;display:block;text-align:center}.mobile-toggle{display:flex!important;flex-direction:column;cursor:pointer;z-index:1001}}.btn{padding:12px 18px;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s ease;white-space:nowrap;color:var(--Secondary-Deep-Violet,#1e0a52);font-style:normal;font-weight:500;line-height:100%}.btn-primary{border-radius:14px;background:linear-gradient(177deg,#34652c -13.59%,#6fab65 109.86%);color:var(--white);border:1px solid}.main-header{background-color:#fff0;padding-top:25px;padding-bottom:10px;position:relative;z-index:1000}.header-box,footer{background-color:var(--white)}.header-box{border-radius:16px;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px rgb(0 0 0/.03);position:relative}.logo-text{font-size:22px;font-weight:400;color:#222;letter-spacing:-.5px}.logo-green{color:#34652c;font-style:italic;font-weight:600}.main-nav{display:flex!important;align-items:center}.main-nav ul{list-style:none;display:flex!important;gap:35px}.main-nav a{text-decoration:none;color:var(--nav-text);font-size:15px;font-weight:400;transition:color .3s}.main-nav a:hover{color:var(--primary-green);font-weight:500}.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}.mobile-toggle span{width:25px;height:3px;background-color:#333}@media (max-width:1024px){.main-nav ul{gap:20px}}.dot{color:#1e0e4b;font-size:20px;line-height:0}@media (max-width:768px){.dot{font-size:16px}}footer{padding:40px 0;margin-top:40px;border-top:1px solid #f0f0f0}.footer-links-area{display:flex;justify-content:center;width:100%;max-width:1100px;margin:0 auto}.link-col{flex:1;text-align:center;padding:0 20px;border-right:1px solid #599553}.link-col:last-child{border-right:none}.link-col h4{color:var(--dark-text);font-size:18px;margin-bottom:30px;font-weight:500}.channel-group ul,.link-col ul{list-style:none;padding:0}.link-col ul li{margin-bottom:18px}.contact-info li,.link-col a{text-decoration:none;color:var(--body-text);font-size:16px;transition:color .2s}.link-col a:hover{color:var(--primary-green)}.contact-info li{margin-bottom:18px;display:block}.footer-banner{position:relative;overflow:hidden;background-color:#4a8047;border-radius:50px;padding:80px 60px;color:#fff;margin-top:40px}.footer-line{position:absolute;top:0;height:100%;width:auto;z-index:1;pointer-events:none;opacity:.8}.line-left{left:0;object-position:left center}.line-right{right:0;object-position:right center}.banner-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%}.copyright-text{flex:1;font-size:14px;opacity:.9;text-align:left}.footer-lg-1,.footer-lg-1 span{color:#fff;font-size:24px;line-height:normal}.footer-lg-1{text-align:center;font-style:normal;font-weight:400}.footer-lg-1 span{font-style:italic;font-weight:600}.brand-center,.footer-logo-white{display:flex;flex-direction:column;align-items:center}.brand-center{flex:1;justify-content:center;gap:20px}.footer-logo-white{gap:8px;font-size:24px;font-weight:600}.banner-socials{display:flex;gap:12px}.social-circle{width:40px;height:40px;background-color:rgb(255 255 255/.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:.3s;font-size:16px;text-decoration:none}.social-circle:hover{background-color:#fff;color:#4a8047;transform:translateY(-2px)}.subscribe-wrapper{flex:1;display:flex;justify-content:flex-end}.banner-form,.input-with-icon{display:flex;align-items:center}.banner-form{background:#fff;padding:6px;border-radius:50px;width:100%;max-width:420px;box-shadow:0 10px 30px rgb(0 0 0/.1)}.input-with-icon{flex:1;padding-left:20px;gap:12px}.input-icon{color:#1e0e4b;font-size:18px}.banner-form input{border:0;outline:0;width:100%;font-family:var(--font-main);color:#333;font-size:15px;background:#fff0}.banner-form button{background-color:#4a8047;color:#fff;border:0;padding:12px 30px;border-radius:40px;font-weight:500;cursor:pointer;transition:.3s;white-space:nowrap;margin:4px}.banner-form button:hover{background-color:#386136}@media (max-width:1024px){.banner-content{flex-direction:column;gap:50px;text-align:center}.brand-center{order:1}.subscribe-wrapper{order:2;width:100%;justify-content:center}.copyright-text{order:3;text-align:center}}@media (max-width:768px){.footer-links-area{flex-direction:column;gap:40px}.link-col{border-right:none;border-bottom:1px solid #eee;padding-bottom:30px}.link-col:last-child{border-bottom:none;padding-bottom:0}.footer-banner{padding:60px 20px;border-radius:30px;margin:20px 10px 0}.banner-form{flex-direction:column;background:#fff0;box-shadow:none;gap:15px}.banner-form .input-with-icon{background:#fff;width:100%;padding:15px 20px;border-radius:50px}.banner-form button{width:100%;padding:15px;background-color:#fff;color:#4a8047;margin:0}.line-left,.line-right{display:none}footer{padding:40px;margin-top:20px}.link-col ul li{margin-bottom:18px}}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;box-shadow:0 20px 50px rgb(0 0 0/.5);background-color:#000}.cover-img,.embed-box .video-wrapper iframe,.video-cover,.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-cover{background-color:#000;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.cover-img{object-fit:cover;opacity:.8;transition:opacity .3s}.video-cover:hover .cover-img{opacity:.6}.custom-play-btn{position:relative;width:80px;height:80px;background-color:#599553;border-radius:50%;border:0;color:#fff;z-index:20;cursor:pointer;display:flex;align-items:center;justify-content:center}.custom-play-btn svg{width:35px;height:35px;display:block;margin-left:3px}.custom-play-btn:hover{transform:scale(1.1);background-color:#487a42}@media (max-width:768px){.custom-play-btn{width:60px;height:60px}.custom-play-btn svg{width:24px;height:24px}footer{padding-left:0!important;padding-right:0!important}.container,.footer-banner{width:100%!important;margin:0!important}.container{padding-left:0!important;padding-right:0!important;max-width:100%!important}.footer-banner{border-radius:0!important;padding:50px 20px!important;box-shadow:none!important}.banner-content{display:flex!important;flex-direction:column!important;gap:40px!important}.brand-center{order:1;width:100%!important;display:flex;flex-direction:column;align-items:center;gap:25px}.banner-socials{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:15px!important;width:100%!important}.subscribe-wrapper{order:2;width:100%!important}.banner-form{background-color:transparent!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:15px!important}.input-with-icon{background-color:#fff!important;border-radius:50px!important;padding:15px 20px!important;width:100%!important;margin:0!important;border:0!important;display:flex;align-items:center;justify-content:center}.banner-form button,.banner-form input{width:100%!important;font-size:16px!important}.banner-form input{text-align:center!important}.banner-form button{background-color:#fff!important;color:var(--primary-green)!important;padding:15px!important;border-radius:50px!important;margin:0!important;font-weight:400!important}.copyright-text{order:3;font-size:13px!important;opacity:.7}}@media (max-width:350px){.fa-envelope:before{display:none}}.follow-text{font-size:13px;color:rgb(255 255 255/.9);text-transform:uppercase;letter-spacing:.5px;font-family:"General Sans",sans-serif}@media (min-width:901px){.main-header .main-nav{display:flex!important;align-items:center!important;position:static!important;background:0 0!important;box-shadow:none!important;padding:0!important}.main-header .main-nav ul{display:flex!important;flex-direction:row!important;gap:35px!important}.main-header .mobile-donate,.main-header .mobile-toggle{display:none!important}.main-header .header-cta{display:block!important}}@media (max-width:900px){.main-header .main-nav{display:none!important}.main-header .mobile-toggle{display:flex!important}.main-header .header-cta{display:none!important}}.back-link{display:inline-flex;align-items:center;gap:8px;color:#6b7280;font-size:15px;font-weight:500;text-decoration:none;margin-top:20px;transition:color .3s ease}.back-link i{font-size:14px}.back-link:hover{color:#599553;transform:translateX(-3px)}.slack-intro{text-align:center;padding:60px 0 40px}.demo-header h2,.interactive-header h2,.slack-intro h1{font-size:42px;color:#1e0e4b;margin-bottom:20px;font-weight:500}.slack-intro p{font-size:18px;color:#6b7280;max-width:700px;margin:0 auto}.slack-video-section{padding-bottom:60px}.embed-box{max-width:900px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgb(0 0 0/.1)}.embed-box .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.embed-box .video-cover{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#000}.embed-box .cover-img{width:100%;height:100%;object-fit:cover}.embed-box .custom-play-btn{position:absolute;width:80px;height:80px;background:linear-gradient(177deg,#34652c -13.59%,#6fab65 109.86%);border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgb(0 0 0/.3);transition:transform .3s}.embed-box .custom-play-btn:hover{transform:scale(1.1)}.embed-box .custom-play-btn svg{width:30px;height:30px;color:#fff;margin-left:5px}.slack-interactive{background-color:var(--bg-color);padding:80px 0;text-align:center}.interactive-header{margin-bottom:50px}.interactive-header p{color:#6b7280}.mobile-hint{display:none}.desktop-hint{display:block}.hotspot-wrapper{position:relative;width:100%;max-width:1000px;margin:0 auto;display:inline-block;line-height:0}.base-image{width:100%;height:auto;border-radius:20px;box-shadow:0 10px 50px rgb(0 0 0/.08);border:1px solid #eee;display:block}.hotspot{position:absolute;width:30px;height:30px;z-index:10;cursor:pointer;line-height:initial}.pulsing-dot{width:100%;height:100%;background-color:#599553;border-radius:50%;border:3px solid #fff;box-shadow:0 5px 15px rgb(0 0 0/.3);position:relative;transition:transform .3s}.pulsing-dot::after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid #599553;animation:hotspotPulse 2s infinite}.tooltip,.tooltip::after{position:absolute;left:50%}.tooltip{bottom:45px;transform:translateX(-50%) translateY(10px);background:#fff;width:200px;padding:15px;border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0/.2);text-align:left;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.tooltip::after{content:"";bottom:-8px;transform:translateX(-50%);border-width:8px 8px 0;border-style:solid;border-color:#fff #fff0 #fff0}.f-text h4,.tooltip h4{color:#1e0e4b;font-size:16px;margin-bottom:5px}.tooltip p{font-size:13px;color:#666;margin:0;line-height:1.4}.hotspot:hover .pulsing-dot{transform:scale(1.2)}.hotspot:hover .tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mobile-feature-list{display:none;flex-direction:column;gap:20px;margin-top:40px;padding:0 20px}.feature-row{display:flex;align-items:flex-start;gap:20px;background:#f9f9fc;padding:20px;border-radius:16px;text-align:left}.f-icon{width:45px;height:45px;background:#eef7ee;color:#599553;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.f-text h4{font-size:18px;font-weight:600}.f-text p{color:#6b7280;font-size:14px;line-height:1.5}.slack-demo{padding:80px 0 100px;background-color:var(--bg-color);text-align:center}.demo-header p{color:#6b7280;padding-bottom:60px}.slack-window{max-width:900px;height:550px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 60px rgb(0 0 0/.15);display:flex;text-align:left;overflow:hidden;border:1px solid #ddd}.slack-sidebar{width:240px;background-color:#3f0e40;padding:20px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{display:flex;gap:6px;margin-bottom:30px}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.channel-group p{color:#fff}.channel-group ul{margin-top:10px}.channel-group li{color:rgb(255 255 255/.7);padding:8px 12px;font-size:15px;margin-bottom:2px;cursor:not-allowed;transition:.2s;border-radius:4px}.channel-group li.active{background:#1164a3;color:#fff;font-weight:600}.slack-chat-area{flex:1;display:flex;flex-direction:column;background:#fff}.chat-header{padding:15px 20px;border-bottom:1px solid #eee;font-size:16px;font-weight:700;color:#1d1c1d}.chat-feed{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.msg-row{display:flex;gap:12px;animation:slideUp .3s ease-out}.msg-avatar{width:38px;height:38px;border-radius:4px;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;flex-shrink:0}.z-avatar{background:#1164a3}.msg-name{font-weight:700;font-size:14px;margin-bottom:3px}.msg-content{font-size:15px;line-height:1.5;color:#1d1c1d}.chat-input-wrapper{padding:20px;border-top:1px solid #eee;position:relative}.chat-form{display:flex;border:1px solid #868686;border-radius:8px;overflow:hidden}.chat-form input{flex:1;padding:12px;border:0;outline:0;font-family:inherit}.send-btn{background:#007a5a;color:#fff;border:0;padding:0 20px;cursor:pointer}.send-btn:hover{background:#148567}.tutorial-tooltip{position:absolute;top:-30px;left:20px;background:#1e0e4b;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;animation:bounce 1.5s infinite}.typing-indicator{padding:5px 20px;font-size:12px;color:#888;font-style:italic;opacity:0;height:20px}@media (max-width:900px){.desktop-hint,.hotspot{display:none}.mobile-hint{display:block}.mobile-feature-list{display:flex}.interactive-header h2,.slack-intro h1{font-size:32px}}@media (max-width:768px){.slack-window{flex-direction:column;height:auto;min-height:550px}.slack-sidebar{display:flex;width:100%;height:auto;padding:10px 15px;border-bottom:1px solid #522653;overflow-x:auto;white-space:nowrap}.group-title,.sidebar-header{display:none}.channel-group{width:100%}.channel-group ul{display:flex;gap:10px;margin:0;padding:0}.channel-group li{background-color:rgb(255 255 255/.15);border-radius:20px;padding:8px 16px;font-size:13px;margin-bottom:0;display:flex;align-items:center;flex-shrink:0}.channel-group li.active{background-color:#1164a3;border:1px solid rgb(255 255 255/.2)}.slack-chat-area{height:450px}.chat-feed{padding-bottom:100px}.demo-header h2{font-size:28px}}