body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:#00703c;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease-in-out;z-index:1000}.navbar.scrolled{background-color:#063;box-shadow:0 4px 10px #00000040;padding:.6rem 1.5rem}.navbar-logo{align-items:center;display:flex}.navbar-logo img{background-color:#fff;border-radius:50%;height:65px;padding:4px;transition:all .3s ease-in-out;width:auto}.navbar.scrolled .navbar-logo img{height:55px}.navbar-links ul{align-items:center;display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}.navbar-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.navbar-links a:hover{color:#e22b2b}.login-btn{background-color:#fff;border:none;border-radius:25px;color:#00703c;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.login-btn:hover{background-color:#e22b2b;color:#fff;transform:translateY(-2px)}.hamburger{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;transition:all .3s ease;width:25px}.hamburger span{background-color:#fff;border-radius:2px;height:3px;transition:all .3s}@media (max-width:768px){.hamburger{display:flex}.navbar-links{background-color:#00703c;box-shadow:0 4px 8px #00000040;left:0;max-height:0;overflow:hidden;position:absolute;text-align:center;top:70px;transition:max-height .3s ease-in-out;width:100%}.navbar-links.open{max-height:450px}.navbar-links ul{flex-direction:column;gap:1rem;padding:1.2rem 0}.login-btn{background-color:#fff;color:#00703c;display:block;margin:.5rem auto;width:60%}.login-btn:hover{background-color:#e22b2b;color:#fff}.hamburger.active span:first-child{transform:rotate(45deg) translate(4px,4px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.footer{background-color:#00703c;box-shadow:0 -2px 8px #00000026;color:#fff;margin-top:3rem;padding:2rem 1rem 1rem}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:auto;max-width:1100px}.footer-logo{flex:1 1;min-width:250px;text-align:center}.footer-logo img{background-color:#fff;border-radius:50%;height:70px;margin-bottom:.5rem;width:70px}.footer-logo h3{font-size:1.1rem;font-weight:600;margin:.2rem 0}.footer-motto{color:gold;font-size:.9rem;font-style:italic}.footer-links{flex:1 1;min-width:200px}.footer-links h4{border-bottom:2px solid #e22b2b;display:inline-block;font-size:1.1rem;margin-bottom:.5rem;padding-bottom:3px}.footer-links ul{list-style:none;padding:0}.footer-links li{margin:.4rem 0}.footer-links a{color:#fff;text-decoration:none;transition:color .3s}.footer-links a:hover{color:gold}.footer-contact{flex:1 1;min-width:200px}.footer-contact h4{border-bottom:2px solid #e22b2b;display:inline-block;font-size:1.1rem;margin-bottom:.5rem;padding-bottom:3px}.footer-contact p{font-size:.95rem;margin:.3rem 0}.footer-bottom{border-top:1px solid #ffffff4d;color:#ffffffd9;font-size:.9rem;margin-top:2rem;padding-top:.8rem;text-align:center}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column;text-align:center}.footer-contact h4,.footer-links h4{border:none}.footer-bottom{font-size:.8rem}}.chat-icon{align-items:center;background-color:#00703c;border:none;border-radius:50%;bottom:25px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:55px;justify-content:center;position:fixed;right:25px;transition:all .3s ease;width:55px;z-index:10000}.chat-icon:hover{background-color:#e22b2b;transform:scale(1.1)}.chat-popup{animation:popupFadeIn .3s ease-in-out;background:#fff;border:2px solid #00703c;border-radius:12px;bottom:90px;box-shadow:0 6px 16px #00000040;padding:1rem;position:fixed;right:25px;width:320px;z-index:10001}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-popup h3{border-bottom:2px solid #e22b2b;color:#00703c;font-size:1.1rem;margin-bottom:.6rem;margin-top:0;padding-bottom:.4rem;text-align:center}.chat-popup form{display:flex;flex-direction:column;gap:.5rem}.chat-popup input,.chat-popup textarea{border:1px solid #ccc;border-radius:6px;font-size:.9rem;padding:.6rem;width:100%}.chat-popup textarea{height:80px;resize:none}.send-btn{background-color:#00703c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem;transition:background-color .3s ease}.send-btn:hover{background-color:#e22b2b}.close-btn{background:#0000;border:none;color:#333;cursor:pointer;font-size:1.1rem;position:absolute;right:10px;top:8px}.chat-popup .status{color:#00703c;font-size:.85rem;font-style:italic;margin-top:.3rem;text-align:center}@media (max-width:500px){.chat-popup{bottom:80px;right:10px;width:90%}}.home-container{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-home{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.hero-section{height:85vh;overflow:hidden;position:relative}.hero-slider{height:100%;position:relative;width:100%}.hero-image{height:100%;object-fit:cover;opacity:0;position:absolute;transition:opacity 1.2s ease-in-out;width:100%}.hero-image.active{opacity:1}.hero-overlay{align-items:center;background:linear-gradient(180deg,#0006,#0009);display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.hero-content{animation:fadeInUp 1s ease;color:#fff;max-width:900px;padding:2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 8px #0000004d}.hero-subtitle{font-size:1.4rem;font-weight:300;margin-bottom:2rem;text-shadow:1px 1px 4px #0000004d}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary{background:#00703c;box-shadow:0 4px 15px #00703c4d;color:#fff}.btn-primary:hover{background:#005a30;box-shadow:0 6px 20px #00703c66;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#00703c;transform:translateY(-2px)}.slider-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:3}.slider-btn:hover{background:#ffffff80;transform:translateY(-50%) scale(1.1)}.slider-btn.prev{left:2rem}.slider-btn.next{right:2rem}.slider-dots{bottom:2rem;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.dot.active{background:#fff;border-radius:6px;width:32px}.stats-section{background:linear-gradient(135deg,#00703c,#005a30);color:#fff;padding:3rem 1.5rem}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:2rem;text-align:center;transition:transform .3s ease}.stat-card:hover{background:#ffffff26;transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:.9}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#00703c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-underline{background:linear-gradient(90deg,#00703c,#00914f);border-radius:2px;height:4px;margin:0 auto;width:80px}.intro-section{margin:0 auto;max-width:900px;padding:5rem 1.5rem}.intro-text{color:#555;font-size:1.15rem;line-height:1.8;text-align:center}.intro-text strong{color:#00703c;font-weight:600}.features-section{background:#f8f9fa;padding:5rem 1.5rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 12px 30px #00703c26;transform:translateY(-10px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#00703c,#00914f);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-card h3{color:#00703c;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#666;font-size:1rem;line-height:1.7}.cta-section{background:linear-gradient(135deg,#00703c,#005a30);color:#fff;padding:5rem 1.5rem;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-button{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#00703c;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1.2rem 3rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 6px 20px #0000004d;gap:1rem;transform:translateY(-3px)}.mission-section{background:#fff;padding:5rem 1.5rem}.mission-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1200px}.mission-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #00703c;border-radius:16px;padding:3rem 2.5rem}.mission-card h3{color:#00703c;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.mission-card p{color:#555;font-size:1.05rem;line-height:1.8}@media (max-width:768px){.hero-section{height:70vh}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;max-width:300px;width:100%}.slider-btn{height:40px;width:40px}.slider-btn.prev{left:1rem}.slider-btn.next{right:1rem}.stats-container{gap:1.5rem;grid-template-columns:1fr}.stat-number{font-size:2.5rem}.section-header h2{font-size:2rem}.cta-section,.features-section,.intro-section,.mission-section{padding:3rem 1rem}.features-grid,.mission-grid{grid-template-columns:1fr}.mission-grid{gap:2rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.1rem}}@media (max-width:480px){.hero-title{font-size:1.6rem}.hero-subtitle{font-size:1rem}.stat-number{font-size:2rem}.section-header h2{font-size:1.7rem}.feature-icon{height:60px;width:60px}.mission-card{padding:2rem 1.5rem}}.about-container{background:#f8f8f8;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#333;line-height:1.8;margin:2rem auto;max-width:950px;padding:2rem}.about-logo{margin-bottom:1rem;text-align:center}.about-logo img{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;height:90px;width:90px}.about-container h1{color:#00703c;margin-bottom:1rem;text-align:center}.about-container p{font-size:1rem;margin-bottom:1rem;text-align:justify}.about-container strong{color:#00703c}.core-values{margin-top:2rem;text-align:center}.core-values h2{color:#00703c;margin-bottom:1.5rem}.values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px #00000014;padding:1.5rem;transition:transform .2s ease,box-shadow .3s ease}.value-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.value-icon{font-size:2rem;margin-bottom:.5rem}.value-card h3{color:#00703c;margin-bottom:.5rem}.value-card p{color:#555;font-size:.95rem}@media (max-width:600px){.about-container{padding:1rem}.values-grid{grid-template-columns:1fr}}.events-container{font-family:Inter,sans-serif;margin:0 auto;max-width:1100px;padding:3rem 1rem;text-align:center}.events-container h1{color:#006400;font-size:2.2rem;margin-bottom:.5rem}.events-intro{color:#444;font-size:1.05rem;margin-bottom:2rem}.section-title{border-bottom:2px solid #0a710a;color:#004d00;display:inline-block;font-size:1.6rem;letter-spacing:.5px;margin:2rem 0 1rem;padding-bottom:4px;text-transform:uppercase}.events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.event-card{background:#fff;border-radius:16px;box-shadow:0 4px 8px #00000014;overflow:hidden;text-align:left;transition:transform .25s ease,box-shadow .25s ease}.event-card:hover{box-shadow:0 6px 14px #0000001a;transform:translateY(-5px)}.event-image img{height:200px;object-fit:cover;width:100%}.event-content{padding:1rem 1.2rem 1.3rem}.event-content h3{color:#222;font-size:1.2rem;margin-bottom:.6rem}.event-details{align-items:center;color:#555;display:flex;font-size:.9rem;gap:1.2rem;margin-bottom:.8rem}.event-details svg{color:#0a710a;margin-right:5px}.event-description{color:#444;font-size:.95rem;line-height:1.5}.event-card.past{background:#f5f5f5;opacity:.9}.event-card.past h3{color:#666}.event-image img{transition:transform .4s ease}.event-card:hover .event-image img{transform:scale(1.03)}.membership-container{font-family:Arial,sans-serif;padding:2rem;text-align:center}.membership-subtitle{color:#666;margin-bottom:2rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plan-card{background:#fafafa;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:1.5rem}.plan-card button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.6rem 1.2rem}.one-time-payment{color:#28a745;font-size:.9rem;font-weight:700;margin-top:.5rem}.membership-form-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.membership-form{background:#fff;border-radius:12px;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;text-align:center;width:90%}.membership-price{color:#28a745;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.form-group{margin-bottom:15px;text-align:left}.membership-form input,.membership-form select{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:15px;margin:0;padding:.7rem;width:100%}.membership-form input.error,.membership-form select.error{border:2px solid #f44}.error-message{color:#f44;display:block;font-size:12px;margin-top:5px}.membership-form button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.8rem;width:100%}.membership-form button:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{background:#dc3545!important;margin-top:.6rem}.card-element-wrapper{margin:1rem 0}.login-page{align-items:center;background:linear-gradient(to bottom right,#f3f4f6,#e5e7eb);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.login-logo{height:auto;margin-bottom:1rem;width:90px}.login-title{color:#333;font-weight:600;margin-bottom:1.5rem}.login-form input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1rem;outline:none;padding:.8rem;transition:all .3s ease;width:100%}.login-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.login-form button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem;transition:background-color .3s ease;width:100%}.login-form button:hover{background-color:#4338ca}.login-footer{color:#555;font-size:.9rem;margin-top:1rem}.login-link{color:#4f46e5;font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.dashboard-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem}.dashboard-header h2{margin:0 0 .5rem}.membership-status{margin:0;opacity:.9}.payment-required-notice{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.payment-required-notice h2{color:#856404;margin-top:0}.payment-required-notice p{color:#856404}.welfare-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.welfare-section h3{border-bottom:2px solid #667eea;color:#333;margin-top:0;padding-bottom:.5rem}.welfare-not-enrolled{padding:2rem 0;text-align:center}.welfare-not-enrolled p{color:#666;margin-bottom:1.5rem}.join-welfare-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 2rem;transition:background .3s}.join-welfare-btn:hover{background:#218838}.welfare-enrolled{grid-gap:2rem;display:grid;gap:2rem}.welfare-info{background:#f8f9fa;border-radius:8px;padding:1.5rem}.welfare-info p{color:#333;margin:.5rem 0}.welfare-payment-section{border-top:1px solid #ddd;padding-top:1.5rem}.welfare-payment-section h4{color:#667eea;margin-top:0}.welfare-payment-section select{border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.payment-form{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1.5rem}.payment-form p{font-size:1.1rem;margin-bottom:1rem;text-align:center}.card-element-wrapper{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;padding:12px}.payment-form button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background .3s;width:100%}.payment-form button:hover{background:#5568d3}.payment-form button:disabled{background:#ccc;cursor:not-allowed}.opportunities-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.opportunities-section h3{border-bottom:2px solid #667eea;color:#333;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.post-opportunity-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:1.5rem;padding:.8rem 1.5rem;transition:background .3s}.post-opportunity-btn:hover{background:#0056b3}.opportunities-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-opportunities{color:#666;padding:2rem;text-align:center}.no-opportunities,.opportunity-card{background:#f8f9fa;border-radius:8px}.opportunity-card{box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.opportunity-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.opportunity-card h4{color:#333;margin-top:0}.opportunity-card p{color:#666;margin:.5rem 0}.card-actions{display:flex;gap:.5rem;margin-top:1rem}.card-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;padding:.6rem;transition:background .3s}.card-actions button:first-child{background:#ffc107;color:#333}.card-actions button:first-child:hover{background:#e0a800}.delete-btn{background:#dc3545!important;color:#fff!important}.delete-btn:hover{background:#c82333!important}.modal-overlay{background:#0009;z-index:1000}.opportunity-modal,.welfare-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.opportunity-modal h3,.welfare-enrollment-form h3{border-bottom:2px solid #667eea;color:#333;margin-top:0;padding-bottom:.5rem}.form-group label{font-weight:700}.opportunity-form input,.opportunity-form select,.opportunity-form textarea,.welfare-enrollment-form input,.welfare-enrollment-form select{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.opportunity-form textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:.5rem;margin-top:1.5rem}.form-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;padding:.8rem;transition:background .3s}.form-actions button[type=submit]{background:#28a745;color:#fff}.form-actions button[type=submit]:hover{background:#218838}.form-actions button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{background:#6c757d!important;color:#fff!important}.cancel-btn:hover{background:#5a6268!important}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{padding:1.5rem}.opportunities-grid{grid-template-columns:1fr}.opportunity-modal,.welfare-modal{padding:1.5rem;width:95%}}.blog-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem}.blog-header{margin-bottom:2rem;padding:2rem 0;text-align:center}.blog-title{color:#00703c;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.blog-subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:600px}.blog-controls{margin-bottom:3rem}.search-wrapper{margin:0 auto 2rem;max-width:600px}.search-bar{background:#fff;border:2px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 8px #0000000d;font-size:1rem;outline:none;padding:.9rem 1.5rem;transition:all .3s ease;width:100%}.search-bar:focus{border-color:#00703c;box-shadow:0 4px 12px #00703c26}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:0 1rem}.category-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#555;cursor:pointer;font-size:.9rem;font-weight:600;outline:none;padding:.6rem 1.5rem;transition:all .3s ease}.category-btn:hover{border-color:#00703c;box-shadow:0 4px 8px #00703c1a;color:#00703c;transform:translateY(-2px)}.category-btn.active{background:#00703c;border-color:#00703c;box-shadow:0 4px 12px #00703c33;color:#fff}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#00703c;height:50px;width:50px}.small-spinner,.spinner{animation:spin 1s linear infinite}.small-spinner{border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.posts-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:3rem}.post-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.post-card:hover{box-shadow:0 12px 24px #00703c26;transform:translateY(-8px)}.post-gallery{background:#f5f5f5;position:relative;width:100%}.gallery-grid{grid-gap:2px;background:#fff;display:grid;gap:2px;width:100%}.gallery-grid.single{grid-template-columns:1fr}.gallery-grid.single .gallery-item{height:280px}.gallery-grid.double{grid-template-columns:1fr 1fr}.gallery-grid.double .gallery-item{height:200px}.gallery-grid.multiple{grid-auto-rows:150px;grid-template-columns:1fr 1fr}.gallery-item{background:#f0f0f0;cursor:pointer;overflow:hidden;position:relative;width:100%}.gallery-item img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.05)}.more-images-overlay{background:#000000b3;bottom:0;font-size:2rem;font-weight:700;justify-content:center;left:0;right:0;top:0}.gallery-indicator,.more-images-overlay{align-items:center;color:#fff;display:flex;position:absolute}.gallery-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:20px;bottom:12px;font-size:.85rem;gap:6px;padding:6px 12px;right:12px;z-index:1}.post-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.post-category{align-self:flex-start;background:#00703c;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase}.post-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.post-description-wrapper{flex:1 1;margin-bottom:1.5rem}.post-description{color:#555;font-size:.95rem;line-height:1.7;margin-bottom:.5rem}.read-more-btn{background:none;border:none;color:#00703c;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.read-more-btn:hover{color:#005a30}.post-video{background-color:#000;border-radius:12px;margin-bottom:1rem;max-height:300px;object-fit:contain;width:100%}.post-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.post-meta time{color:#999;font-size:.85rem;font-weight:500}.post-actions,.share-dropdown{position:relative}.share-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;outline:none;padding:.5rem 1rem;transition:all .2s ease}.share-btn:hover{background:#f8f9fa;border-color:#00703c;color:#00703c}.share-btn svg{stroke-width:2}.share-menu{background:#fff;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #00000026;margin-bottom:.5rem;min-width:180px;opacity:0;padding:.5rem;position:absolute;right:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:10}.share-dropdown:hover .share-menu{opacity:1;transform:translateY(0);visibility:visible}.share-menu button{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:.7rem 1rem;text-align:left;transition:all .2s ease;width:100%}.share-menu button:hover{background:#f8f9fa;color:#00703c}.share-menu button svg{flex-shrink:0}.load-more-wrapper{display:flex;justify-content:center;margin:3rem 0}.load-more-btn{align-items:center;background:#00703c;border:none;border-radius:50px;box-shadow:0 4px 12px #00703c33;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:1rem 2.5rem;transition:all .3s ease}.load-more-btn:hover:not(:disabled){background:#005a30;box-shadow:0 6px 16px #00703c4d;transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.7}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:9998}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:40px;z-index:1}.modal-close:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-category{background:#00703c;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.2rem;text-transform:uppercase}.modal-title{color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem;padding-right:3rem}.modal-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.modal-image{border-radius:12px;cursor:pointer;height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.modal-image:hover{transform:scale(1.05)}.modal-description{color:#444;font-size:1.05rem;line-height:1.8;margin-bottom:2rem;white-space:pre-wrap}.modal-video{background-color:#000;border-radius:12px;margin-bottom:2rem;max-height:400px;width:100%}.modal-link{align-items:center;background:#f0f9f4;border-radius:10px;color:#00703c;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:2rem;padding:12px 20px;text-decoration:none;transition:all .2s ease}.modal-link:hover{background:#00703c;color:#fff}.modal-footer{border-top:2px solid #f0f0f0;padding-top:1.5rem}.modal-date{color:#999;font-size:.95rem;font-weight:500}.lightbox{animation:fadeIn .2s ease;background:#000000f2;bottom:0;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.lightbox,.lightbox-content{align-items:center;display:flex}.lightbox-content{flex-direction:column;gap:1rem;max-height:90%;max-width:90%}.lightbox-content img{border-radius:8px;max-height:80vh;max-width:100%;object-fit:contain}.lightbox-caption{color:#fff;font-size:1rem;max-width:600px;text-align:center}.lightbox-counter{color:#fffc;font-size:.9rem;font-weight:500}.lightbox-close,.lightbox-next,.lightbox-prev{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:1rem;position:fixed;transition:all .2s ease}.lightbox-close:hover,.lightbox-next:hover,.lightbox-prev:hover{background:#fff3;transform:scale(1.1)}.lightbox-close{right:2rem;top:2rem}.lightbox-prev{left:2rem;top:50%;transform:translateY(-50%)}.lightbox-prev:hover{transform:translateY(-50%) scale(1.1)}.lightbox-next{right:2rem;top:50%;transform:translateY(-50%)}.lightbox-next:hover{transform:translateY(-50%) scale(1.1)}.no-posts{align-items:center;color:#999;display:flex;flex-direction:column;font-size:1.1rem;gap:1rem;padding:4rem 2rem;text-align:center}.no-posts svg{color:#ddd}@media (max-width:1024px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.category-filter{gap:.5rem}.category-btn{font-size:.85rem;padding:.5rem 1rem}.posts-grid{gap:1.5rem;grid-template-columns:1fr}.gallery-grid.single .gallery-item{height:250px}.gallery-grid.double .gallery-item{height:180px}.gallery-grid.multiple{grid-auto-rows:130px}.share-menu{left:0;right:auto}.modal-content{padding:2rem 1.5rem}.modal-title{font-size:1.6rem}.modal-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-image{height:150px}.lightbox-next,.lightbox-prev{padding:.75rem}.lightbox-close{right:1rem;top:1rem}.modal-video,.post-video{max-height:250px}}@media (max-width:480px){.blog-container{padding:1rem}.blog-header{margin-bottom:1.5rem;padding:1rem 0}.blog-controls{margin-bottom:2rem}.search-wrapper{margin-bottom:1.5rem}.category-filter{padding:0}.post-title{font-size:1.3rem}.post-footer{align-items:flex-start;flex-direction:column;gap:1rem}.gallery-grid.single .gallery-item{height:200px}.gallery-grid.double .gallery-item{height:150px}.gallery-grid.multiple{grid-auto-rows:120px}.modal-overlay{padding:1rem}.modal-content{max-height:95vh;padding:1.5rem 1rem}.modal-close{height:35px;right:1rem;top:1rem;width:35px}.modal-title{font-size:1.4rem;padding-right:2.5rem}.modal-gallery{grid-template-columns:1fr}.load-more-btn{font-size:.95rem;padding:.9rem 2rem}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#00703c;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#005a30}.sponsorship-container{background:linear-gradient(to bottom right,#f9faf9,#e6f4ec);min-height:100vh;padding:2rem;text-align:center}.sponsorship-title{color:#004225;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.sponsorship-subtitle{color:#555;font-size:1.1rem;margin-bottom:2rem}.sponsor-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center}.sponsor-card{background:#fff;border-radius:15px;box-shadow:0 4px 10px #00000014;max-width:320px;padding:1.5rem;transition:all .3s ease}.sponsor-card:hover{box-shadow:0 8px 16px #00402026;transform:translateY(-5px)}.sponsor-logo{height:80px;margin-bottom:1rem;object-fit:contain;width:80px}.sponsor-name{color:#00703c;font-weight:700;margin:.5rem 0}.sponsor-contribution{color:#444;font-size:1rem;margin-bottom:.6rem}.sponsor-description{color:#555;font-size:.95rem;line-height:1.5}.opportunities-container{margin:2rem auto;max-width:1000px;padding:2rem}.filter-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.opportunities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.opportunity-card{background:#f9faf9;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:1rem;transition:transform .2s}.opportunity-card:hover{transform:translateY(-5px)}.opportunity-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.opportunity-category{color:#555;font-style:italic;margin-bottom:.5rem}.opportunity-description{margin-bottom:.5rem}.opportunity-location,.opportunity-member{color:#333;font-size:.9rem}.set-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.set-password-card{animation:fadeIn .3s ease-in;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:3rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.set-password-card h2{color:#333;font-size:1.8rem;margin:0 0 1rem;text-align:center}.welcome-text{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.8rem;transition:border-color .3s,box-shadow .3s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{border-color:#f44}.form-group input.error:focus{box-shadow:0 0 0 3px #ff44441a}.error-text{color:#f44;font-size:.875rem}.error-text,.password-hint{display:block;margin-top:.5rem}.password-hint{color:#999;font-size:.85rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.error-message,.success-message{font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:transform .2s,box-shadow .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:background .3s;width:100%}.back-btn:hover{background:#5a6268}.login-link{color:#666;font-size:.95rem;margin-top:1.5rem;text-align:center}.login-link a{color:#667eea;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.set-password-card p{color:#666;line-height:1.6;text-align:center}@media (max-width:600px){.set-password-card{padding:2rem 1.5rem}.set-password-container{padding:1rem}.set-password-card h2{font-size:1.5rem}.welcome-text{font-size:.9rem}}.back-btn:focus-visible,.submit-btn:focus-visible{outline:3px solid #667eea;outline-offset:2px}.form-group input:focus-visible{outline:none}
/*# sourceMappingURL=main.32aecad3.css.map*/