@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500&display=swap);.header{background-color:#fff;box-shadow:0 2px 10px #00000014;box-sizing:border-box;padding:1rem 5%;position:-webkit-sticky;position:sticky;top:0;transition:padding .3s ease,box-shadow .3s ease;width:100%;z-index:1000}.header.scrolled{box-shadow:0 4px 15px #0000001a;padding:.75rem 5%}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.nav-desktop{display:flex;gap:2.5rem;margin:0 auto;padding-left:100px}.nav-item{color:var(--color-secondary);font-family:var(--font-body);font-weight:500;padding-bottom:5px;position:relative;text-decoration:none;transition:color .3s ease}.nav-item:after{background-color:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-item:hover:after{width:100%}.nav-item:hover{color:var(--color-primary)}.header-actions{align-items:center;display:flex}.login-btn-header{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:5px}.login-btn-header,.logout-btn-header{color:#fff;cursor:pointer;font-family:var(--font-body);font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.logout-btn-header{background-color:#e74c3c;border:1px solid #e74c3c;border-radius:5px}.logout-btn-header:hover{background-color:#c0392b;border-color:#c0392b;transform:translateY(-2px)}.login-btn-header:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px)}.hamburger,.mobile-nav-overlay{display:none}@media (max-width:768px){.login-btn-header.desktop-only,.logout-btn-header.desktop-only,.nav-desktop{display:none}.header-container{padding-right:0}.hamburger{cursor:pointer;display:block;padding:10px;z-index:1002}.bar{border-radius:2px;display:block;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}.bar,.hamburger.active .bar{background-color:var(--color-primary)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav-overlay{align-items:center;background-color:var(--color-fourth);display:flex;height:100vh;justify-content:center;left:100%;position:fixed;top:0;transition:left .4s cubic-bezier(.77,0,.175,1);width:100%;z-index:1001}.mobile-nav-overlay.active{left:0}.mobile-nav-menu{align-items:center;display:flex;flex-direction:column;gap:2.5rem}.mobile-nav-menu .nav-item{color:var(--color-primary);font-size:2rem;font-weight:600}.mobile-nav-menu .login-btn{font-size:1.5rem;margin-top:1rem;padding:1rem 2.5rem}}.logo{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;text-decoration:none}.logo-img{display:inline-block;height:45px;margin-right:.6rem;object-fit:contain;width:45px}.logo-text{display:inline-block;vertical-align:middle}.language-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#1b4d5f;cursor:pointer;font-size:1rem;margin-right:1rem;padding:.4rem 1rem}@media (max-width:768px){.language-select.desktop-only{display:none}.language-select{margin:1rem 0;width:100%}}.nav-item.game-link{animation:glowing-text 2s ease-in-out infinite;border-radius:5px;color:#ffeb3b;font-weight:700;padding-left:.5rem;padding-right:.5rem}@keyframes glowing-text{0%,to{text-shadow:0 0 5px #093,0 0 10px #093,0 0 15px #ff9800}50%{text-shadow:0 0 10px #093,0 0 20px #093,0 0 30px #ff9800}}.mobile-nav-menu .nav-item.game-link{background-color:#ffeb3b1a;border-left:3px solid #093}.landing-page{background-color:#fff;color:var(--color-secondary);font-family:var(--font-body)}.page-section{margin:0 auto;max-width:1200px;padding:4rem 5%}.alt-bg{background-color:var(--color-fourth)}.section-title{font-size:2.5rem;margin-bottom:3rem}.hero-section{align-items:center;background:linear-gradient(#1b4d5fcc,#1b4d5fcc),url(https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=2070) no-repeat 50%/cover;color:#fff;display:flex;height:90vh;justify-content:center;text-align:center}.hero-content h1{font-family:var(--font-heading);font-size:3.5rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem;max-width:600px}.cta-button{background-color:var(--color-tertiary);border:none;border-radius:5px;color:var(--color-primary);cursor:pointer;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.cta-button:hover{background-color:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-3px)}.job-cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.job-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.job-card:hover{box-shadow:0 12px 20px #0000001a;transform:translateY(-5px)}.job-card h3{color:var(--color-primary);font-family:var(--font-heading);margin-top:0}.job-card p{flex-grow:1;margin-bottom:1.5rem}.see-more-btn{background:#0000;border:1px solid var(--color-secondary);border-radius:5px;color:var(--color-secondary);padding:.4rem .8rem;transition:all .3s ease}.see-more-btn:hover{background:var(--color-secondary);color:#fff}.how-it-works-content{display:flex;gap:2rem;justify-content:space-around;text-align:center}.step{max-width:300px}.step-number{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.step h3{color:var(--color-secondary);font-family:var(--font-heading)}.why-choose-us-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));text-align:center}.feature h4{color:var(--color-primary);font-family:var(--font-heading);font-size:1.3rem}.about-us-text{line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;font-family:var(--font-body);padding:.8rem;width:100%}.contact-form button{align-self:center}.footer{background-color:var(--color-primary);color:var(--color-fourth);padding:1.5rem 5%;text-align:center}.animate-fade-in-up{animation:fadeInUp .8s forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.section-title{font-size:2rem}.how-it-works-content{align-items:center;flex-direction:column}}.cta-buttons-row{display:flex;gap:1rem;justify-content:center}.organization-btn{background:#00796b;background:var(--color-secondary,#00796b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:background .2s}.organization-btn:hover{background:#005a4f;background:var(--color-primary,#005a4f)}.categories-section{margin:2.5rem 0 1.5rem;text-align:center}.categories-card-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.category-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px #1b4d5f14;color:#1b4d5f;color:var(--color-primary,#1b4d5f);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;min-width:120px;outline:none;padding:1rem 2rem;transition:box-shadow .2s,transform .2s,background .2s}.category-card:focus,.category-card:hover{background:#f5faff;border-color:#1b4d5f;border-color:var(--color-primary,#1b4d5f);box-shadow:0 4px 18px #1b4d5f24;transform:translateY(-2px) scale(1.04)}.category-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.categories-card-list{gap:.5rem}.category-card{font-size:1rem;min-width:90px;padding:.7rem 1.1rem}}.job-card-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;padding:1.5rem 2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.job-card-wrapper:hover{box-shadow:0 12px 24px #3e7a9226;transform:translateY(-8px)}.job-card-header{justify-content:space-between;margin-bottom:1rem}.job-card-header,.organization-details{align-items:center;display:flex;gap:.5rem}.organization-name{color:var(--color-secondary);font-weight:600}.verified-tick{background-color:blue;font-size:.7rem;height:16px;width:16px}.favorite-btn{background:none;border:none;color:var(--color-tertiary);cursor:pointer;font-size:1.6rem;line-height:1;padding:0;transition:color .3s ease,transform .3s ease}.favorite-btn:hover{color:#f0c419;transform:scale(1.2)}.favorite-btn.favorited{color:#f0c419;transform:scale(1.1)}.job-title{color:var(--color-primary);font-family:var(--font-heading);font-size:1.4rem;margin:0 0 .5rem}.job-description{color:var(--color-secondary);flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.job-card-footer{align-items:center;border-top:1px solid #f0f0f0;color:#777;display:flex;font-size:.9rem;justify-content:space-between;padding-top:1rem}.apply-btn{background:var(--color-primary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.apply-btn:hover{background:var(--color-secondary)}.jobs-page{background-color:#f8f9fa;min-height:100vh}.jobs-main-content{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.jobs-hero{margin-bottom:2.5rem}.filter-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #1b4d5f1a;padding:2rem}.filter-title{color:#1b4d5f;color:var(--color-primary,#1b4d5f);font-size:2.25rem;font-weight:700;margin:0 0 .5rem;text-align:center}.filter-subtitle{color:#6c757d;font-size:1.1rem;margin:0 0 2rem;text-align:center}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.filter-input-group{position:relative}.filter-input-group input,.filter-input-group select{-webkit-appearance:none;appearance:none;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;box-sizing:border-box;font-size:1rem;height:50px;padding:0 1rem 0 2.75rem;transition:all .2s ease-in-out;width:100%}.filter-input-group select{cursor:pointer}.filter-input-group input:focus,.filter-input-group select:focus{background-color:#fff;border-color:#3e7a92;border-color:var(--color-secondary,#3e7a92);box-shadow:0 0 0 4px #3e7a9226;outline:none}.filter-input-group:before{background-repeat:no-repeat;background-size:contain;content:"";height:20px;left:1rem;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.filter-input-group.search-group:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>')}.collapsible-filters .filter-input-group:first-child:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>')}.collapsible-filters .filter-input-group:last-child:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>')}.filter-input-group select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236c757d%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65em auto}.filter-toggle-btn{align-items:center;background-color:#1b4d5f;background-color:var(--color-primary,#1b4d5f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:50px;justify-content:center;width:100%}.filter-toggle-btn svg{stroke:#fff}.collapsible-filters{grid-gap:1rem;display:grid;gap:1rem;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapsible-filters.open{max-height:200px}@media (min-width:992px){.filter-grid{grid-template-columns:2fr 1fr 1fr}.filter-toggle-btn{display:none}.collapsible-filters{display:contents}}.job-listings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.loading-message,.no-jobs-found{color:#6c757d;font-size:1.2rem;grid-column:1/-1;padding:3rem 0;text-align:center}.load-more-wrapper{padding:2rem 0;text-align:center}.load-more-btn{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:background-color .3s ease}.load-more-btn:hover{background-color:var(--color-secondary)}.job-detail-page{background-color:#fff;min-height:100vh}.job-detail-main{padding:3rem 5%}.job-detail-container{grid-gap:2.5rem;align-items:flex-start;display:grid;gap:2.5rem;grid-template-columns:2.5fr 1fr;margin:0 auto 4rem;max-width:1200px}.job-main-details{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #00000012;padding:2.5rem}.job-title-header h1{color:var(--color-primary);font-family:var(--font-heading);font-size:2.5rem;margin:0 0 .5rem}.organization-info{align-items:center;color:var(--color-secondary);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem}.verified-tick{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:18px;justify-content:center;width:18px}.job-meta-info{border-bottom:1px solid #eee;color:var(--color-secondary);display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0;padding-bottom:1.5rem}.job-section{margin-bottom:2rem}.job-section h2{border-bottom:2px solid var(--color-tertiary);color:var(--color-primary);font-family:var(--font-heading);font-size:1.6rem;margin-bottom:1rem;padding-bottom:.5rem}.job-section li,.job-section p{color:var(--color-secondary);line-height:1.8}.job-section ul{padding-left:20px}.job-summary-sidebar{position:-webkit-sticky;position:sticky;top:100px}.job-summary-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #00000012;padding:2rem}.job-summary-card h3{color:var(--color-primary);font-family:var(--font-heading);margin:0 0 1.5rem;text-align:center}.summary-item{color:var(--color-secondary);margin-bottom:1rem}.apply-link{background-color:var(--color-primary);border-radius:8px;color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.apply-link:hover{background-color:var(--color-secondary);box-shadow:0 4px 10px #1b4d5f4d;transform:translateY(-2px)}.similar-jobs-section{margin:0 auto;max-width:1200px}.similar-jobs-section .section-title{color:var(--color-primary);font-family:var(--font-heading);font-size:2.2rem;margin-bottom:2.5rem;text-align:center}.similar-jobs-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (max-width:992px){.job-detail-container{grid-template-columns:1fr}.job-summary-sidebar{position:static}}@media (max-width:768px){.job-title-header h1{font-size:2rem}.job-main-details{padding:1.5rem}}.org-detail-page{background-color:#fff;min-height:100vh}.org-header-banner{background-color:var(--color-primary);color:#fff;padding:4rem 5%;text-align:center}.org-header-content h1{font-family:var(--font-heading);font-size:3.5rem;margin:0 0 1rem}.verified-badge{align-items:center;background-color:#ffffff1a;border-radius:20px;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.verified-badge .verified-tick{font-weight:700}.org-website-link{background-color:#fff;border-radius:8px;color:var(--color-primary);font-weight:600;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.org-website-link:hover{background-color:var(--color-tertiary);transform:translateY(-2px)}.org-detail-main{padding-bottom:4rem}.org-content-container{grid-gap:2.5rem;align-items:flex-start;display:grid;gap:2.5rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:3rem 5%}.org-main-content h2{color:var(--color-primary);font-family:var(--font-heading);font-size:2rem;margin-bottom:1rem;margin-top:0}.org-main-content p{color:var(--color-secondary);line-height:1.8}.org-info-sidebar{position:-webkit-sticky;position:sticky;top:100px}.org-info-card{background-color:var(--color-fourth);border-radius:12px;padding:2rem}.org-info-card h3{border-bottom:1px solid var(--color-tertiary);color:var(--color-primary);font-family:var(--font-heading);margin:0 0 1.5rem;padding-bottom:1rem}.info-item{color:var(--color-secondary);display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.info-item strong{color:var(--color-primary)}.open-positions-section{margin:0 auto;max-width:1200px;padding:0 5%}.section-title{color:var(--color-primary);font-family:var(--font-heading);font-size:2.2rem;margin-bottom:2.5rem;text-align:center}.open-positions-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.no-jobs-message{color:var(--color-secondary);font-size:1.2rem;grid-column:1/-1;padding:2rem 0;text-align:center}@media (max-width:992px){.org-content-container{grid-template-columns:1fr}.org-info-sidebar{position:static}}@media (max-width:768px){.org-header-content h1{font-size:2.5rem}}.login-page{background-color:var(--color-fourth);min-height:100vh}.login-container{align-items:center;display:flex;justify-content:center;padding:4rem 5%}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;max-width:450px;padding:3rem;text-align:center}.login-card h1{color:var(--color-primary);font-family:var(--font-heading);margin:0 0 .5rem}.login-subtitle{color:var(--color-secondary);margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:var(--color-secondary);display:block}.form-group input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4d5f1a;outline:none}.login-btn{background-color:var(--color-primary);border-radius:8px;font-size:1.1rem;padding:1rem;transition:all .3s ease}.login-btn:hover{background-color:var(--color-secondary);transform:translateY(-2px)}.register-section{border-top:1px solid #eee;margin-top:2.5rem;padding-top:2rem}.register-title{color:var(--color-secondary);font-weight:600;margin-bottom:1.5rem}.register-option{border-radius:8px;cursor:pointer;font-weight:500;margin-bottom:1rem;padding:.8rem;transition:all .3s ease;width:100%}.register-option.mpesa{background-color:#087d30;border:1px solid #087d30;color:#fff}.register-option.sms{background-color:initial;border:1px solid var(--color-primary);color:var(--color-primary)}.register-option:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.popup-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.popup-content{background-color:#fff;border-radius:12px;max-width:400px;padding:2rem 3rem;position:relative;text-align:center;width:90%}.close-popup-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem;position:absolute;right:15px;top:10px}.mpesa-logo{margin-bottom:1rem;max-width:150px}.popup-content p{color:var(--color-secondary);margin-bottom:1.5rem}.popup-form{display:flex;flex-direction:column;gap:1rem;width:100%}.popup-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;width:100%}.popup-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4d5f1a;outline:none}.popup-submit-btn{background-color:#087d30;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:background-color .3s ease;width:100%}.popup-submit-btn:hover{background-color:#7cb533}.mpesa-number,.sms-code,.sms-number{background-color:var(--color-fourth);border-radius:8px;color:var(--color-primary);display:inline-block;font-family:var(--font-heading);margin:.5rem 0;padding:.5rem 1rem}.loading-overlay{align-items:center;background:#f7fafdb3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;background:#0000;border:6px solid #e3e8ee;border-radius:50%;border-top-color:#087d30;height:56px;width:56px}@keyframes spin{to{transform:rotate(1turn)}}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182799;display:flex;height:100%;justify-content:center;left:0;padding:1rem;top:0;z-index:1000}.popup-modal,.popup-overlay{box-sizing:border-box;position:fixed;width:100%}.popup-modal{animation:scaleUp .3s cubic-bezier(.18,.89,.32,1.28) forwards;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;left:50%;max-height:calc(100vh - 2rem);max-width:26rem;overflow:auto;padding:2rem 1.5rem 1.5rem;text-align:center;top:50%;transform:translate(-50%,-50%)}@keyframes scaleUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;position:absolute;right:.75rem;top:.75rem;transition:color .2s}.popup-close-btn:hover{color:#111827}.popup-icon-container{align-items:center;border-radius:50%;display:flex;height:4.5rem;justify-content:center;margin:0 auto 1.25rem;width:4.5rem}.popup-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.popup-message{color:#4b5563;font-size:1rem;line-height:1.5}.popup-actions{margin-top:1.5rem}.popup-action-btn{border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s,box-shadow .2s;width:100%}.popup-action-btn:focus{box-shadow:0 0 0 3px #00000026;outline:none}.popup-success .popup-icon-container{background-color:#ecfdf5;color:#10b981}.popup-success .popup-action-btn{background-color:#10b981}.popup-success .popup-action-btn:hover{background-color:#059669}.popup-error .popup-icon-container{background-color:#fef2f2;color:#ef4444}.popup-error .popup-action-btn{background-color:#ef4444}.popup-error .popup-action-btn:hover{background-color:#dc2626}.popup-warning .popup-icon-container{background-color:#fffbeb;color:#f59e0b}.popup-warning .popup-action-btn{background-color:#f59e0b}.popup-warning .popup-action-btn:hover{background-color:#d97706}.popup-notice .popup-icon-container{background-color:#eff6ff;color:#3b82f6}.popup-notice .popup-action-btn{background-color:#3b82f6}.popup-notice .popup-action-btn:hover{background-color:#2563eb}@media (max-width:640px){.popup-modal{border-radius:.75rem;left:50%;max-width:95vw;min-width:0;padding:1rem .75rem;top:50%;transform:translate(-50%,-50%)}.popup-title{font-size:1.125rem}.popup-message{font-size:.875rem}.popup-icon-container{height:4rem;width:4rem}.popup-icon-container svg{height:40px;width:40px}}.admin-dashboard{background-color:var(--color-fourth);display:flex;min-height:100vh}.admin-sidebar{background-color:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;flex-shrink:0;max-width:280px;min-width:220px;transition:transform .3s ease-in-out,width .3s ease-in-out;width:25%;z-index:100}.sidebar-header{border-bottom:1px solid #f0f0f0;color:var(--color-primary);font-family:var(--font-heading)}.nav-link{color:var(--color-secondary);font-family:var(--font-body);transition:background-color .3s,color .3s}.nav-link:hover{background-color:var(--color-fourth);color:var(--color-primary)}.nav-link.active{background-color:var(--color-primary);border-right:4px solid var(--color-tertiary);color:#fff}.nav-link span{font-size:1.2rem}.sidebar-footer{border-top:1px solid #f0f0f0}.logout-link:hover{background-color:#ffebee;color:#c62828}.admin-main-content{display:flex;flex-direction:column;flex-grow:1;width:75%}.admin-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;padding:1rem 2rem}.admin-header h2{font-family:var(--font-heading);margin:0}.admin-header h2,.hamburger-menu{color:var(--color-primary)}.admin-page-content{flex-grow:1;overflow-y:auto;padding:2rem}.loader{color:var(--color-secondary);padding:4rem}@media (max-width:768px){.admin-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);width:260px}.admin-sidebar.open{transform:translateX(0)}.admin-main-content{width:100%}.hamburger-menu{display:block}}body{background-color:#e3f4fa;background-color:var(--color-fourth);display:flex;font-family:Segoe UI,Roboto,sans-serif;height:100vh;margin:0}.login-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{animation:fadeIn .6s ease-in-out;background:#fff;border-radius:1.25rem;box-shadow:0 8px 24px #00000014;max-width:380px;padding:2rem;width:100%}.login-title{color:#1b4d5f;color:var(--color-primary);font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.login-form .form-group{margin-bottom:1rem}.login-form label{color:#1b4d5f;color:var(--color-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.login-form input{border:1.5px solid #8fbbc6;border:1.5px solid var(--color-tertiary);border-radius:.75rem;font-size:1rem;outline:none;padding:.75rem;transition:border .3s ease;width:100%}.login-form input:focus{border-color:#3e7a92;border-color:var(--color-secondary);box-shadow:0 0 0 3px #3e7a9233}.login-btn{background:#1b4d5f;background:var(--color-primary);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem;transition:background .3s ease;width:100%}.login-btn:hover{background:#3e7a92;background:var(--color-secondary)}@media (max-width:480px){.login-card{padding:1.5rem}.login-title{font-size:1.4rem}.login-form input{padding:.65rem}.login-btn{padding:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--org-primary:#005f73;--org-secondary:#0a9396;--org-bg:#f4f6f8;--org-text:#333;--org-sidebar-bg:#fff;--org-header-bg:#fff}.org-admin-dashboard{background-color:#f4f6f8;background-color:var(--org-bg);display:flex;min-height:100vh}.org-admin-sidebar{background-color:#fff;background-color:var(--org-sidebar-bg);border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:transform .3s ease;width:260px}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:1.5rem;text-align:center}.sidebar-header h3{color:#005f73;color:var(--org-primary);margin:0 0 .25rem}.sidebar-header p{color:#666;font-size:.9rem;margin:0}.sidebar-nav{flex-grow:1;padding:1rem 0}.nav-link{align-items:center;background:none;border:none;border-left:4px solid #0000;color:#555;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1rem 1.5rem;text-align:left;text-decoration:none;transition:all .3s;white-space:nowrap;width:100%}.nav-link:hover{background-color:#f0f7fa}.nav-link.active,.nav-link:hover{color:#005f73;color:var(--org-primary)}.nav-link.active{background-color:#e6f4f5;border-left-color:#0a9396;border-left-color:var(--org-secondary)}.sidebar-footer{border-top:1px solid #e0e0e0;padding:1rem 0}.org-admin-main-content{display:flex;flex-direction:column;flex-grow:1}.org-admin-header{align-items:center;background-color:#fff;background-color:var(--org-header-bg);border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;padding:1rem 2rem}.hamburger-menu{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem;margin-right:1rem}.org-admin-header h2{color:#333;color:var(--org-text);margin:0}.org-admin-page-content{flex-grow:1;padding:2rem}.loader{font-size:1.5rem;padding:3rem;text-align:center}@media (max-width:768px){.org-admin-sidebar{height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1000}.org-admin-sidebar.open{transform:translateX(0)}.hamburger-menu{display:block}}.videos-page{background-color:#f4f6f8;min-height:100vh}.videos-main-content{margin:0 auto;max-width:1200px;padding:2rem}.videos-header{margin-bottom:3rem;text-align:center}.videos-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.videos-header p{color:#666;font-size:1.1rem}.video-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.video-thumbnail{padding-top:56.25%;position:relative;width:100%}.video-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.play-icon{align-items:center;background-color:#0006;border-radius:50%;color:#fffc;display:flex;font-size:3rem;height:70px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .3s ease;width:70px}.video-card:hover .play-icon{background-color:#005f73b3}.video-card-content{padding:1.25rem}.video-title{color:#333;font-size:1.2rem;margin:0 0 .5rem}.video-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.tip-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.tip-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.tip-card-content{padding:1.5rem}.tip-icon{font-size:1.8rem;margin-bottom:.75rem}.tip-title{color:#333;font-size:1.2rem;margin:0 0 .75rem}.tip-description{color:#666;font-size:.95rem;line-height:1.6}.tip-card-footer{padding:0 1.5rem 1.5rem;text-align:right}.see-more-btn{background-color:#1b4d5f;background-color:var(--color-primary,#1b4d5f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s}.see-more-btn:hover{background-color:#3e7a92;background-color:var(--color-secondary,#3e7a92)}.video-stream-page{background-color:#fff}.stream-main-content{margin:0 auto;max-width:1100px;padding:2rem}.video-player-container{background-color:#000;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-player{height:100%;left:0;position:absolute;top:0;width:100%}.video-details-container{padding:2rem 0}.video-stream-title{color:#333;font-size:2.2rem;margin-bottom:1rem}.video-stream-description{color:#555;font-size:1.1rem;line-height:1.7;white-space:pre-wrap}.error-message,.loading-message{color:#666;font-size:1.2rem;padding:4rem;text-align:center}.org-register-page{align-items:flex-start;background-color:#f4f6f8;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}.org-register-form{animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 32px #00000012;max-width:800px;padding:2rem 2.5rem;width:100%}.form-header{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.form-header h2{color:#005a4f;color:var(--color-primary,#005a4f);font-size:1.8rem;margin:0}.form-header p{color:#666;font-size:1rem;margin-top:.5rem}.form-section{margin-bottom:2.5rem}.form-section h3{border-bottom:2px solid #00796b;border-bottom:2px solid var(--color-secondary,#00796b);color:#00796b;color:var(--color-secondary,#00796b);display:inline-block;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group textarea{box-sizing:border-box;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#005a4f;border-color:var(--color-primary,#005a4f);box-shadow:0 0 0 3px #005f731a}.form-footer{border-top:1px solid #eee;margin-top:1rem;padding-top:1.5rem;text-align:center}.submit-btn{background-color:#005a4f;background-color:var(--color-primary,#005a4f);font-size:1.1rem;padding:.9rem 3rem;transition:background-color .3s ease,transform .2s ease}.submit-btn:hover:not(:disabled){background-color:#00796b;background-color:var(--color-secondary,#00796b);transform:translateY(-2px)}.submit-btn:disabled{background-color:#ccc}.message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.success-message{background-color:#e0f2f1;border:1px solid #b2dfdb;color:#00796b}.error-message{background-color:#ffebee;border:1px solid #ffcdd2}.error-text{color:#c62828;font-size:.85rem;margin-top:.25rem}@media (max-width:768px){.org-register-form{padding:1.5rem}.form-grid{grid-template-columns:1fr}}.already-registered{font-size:1rem;margin-top:1.5rem;text-align:center}.already-registered a{color:#1b4d5f;color:var(--color-primary,#1b4d5f);text-decoration:underline}.aboutus-page{background:var(--color-fourth);min-height:100vh}.aboutus-main{margin:0 auto;max-width:800px;padding:2.5rem 1.2rem 2rem}.aboutus-hero{margin-bottom:2.5rem;text-align:center}.aboutus-hero h1{color:var(--color-primary);font-family:var(--font-heading);font-size:2.5rem;margin-bottom:.5rem}.aboutus-tagline{color:var(--color-secondary);font-size:1.2rem;font-weight:500;margin-bottom:0}.aboutus-content{display:flex;flex-direction:column;gap:2.2rem}.aboutus-block{background:#fff;border-radius:14px;box-shadow:0 4px 24px #1e4d5f12;padding:2rem 1.5rem}.aboutus-block h2{color:var(--color-primary);font-family:var(--font-heading);font-size:1.3rem;margin-bottom:.7rem}.aboutus-block p,.aboutus-block ul{color:#234;font-size:1.05rem;line-height:1.7;margin:0 0 .5rem}.aboutus-block ul{margin:.5rem 0 0;padding-left:1.2rem}.aboutus-block li{margin-bottom:.5rem}.aboutus-block a{color:var(--color-secondary);text-decoration:underline;word-break:break-all}@media (max-width:600px){.aboutus-main{padding:1.2rem .3rem 1.5rem}.aboutus-block{padding:1.2rem .7rem}.aboutus-hero h1{font-size:2rem}}.contactus-page{background:var(--color-fourth);min-height:100vh}.contactus-main{margin:0 auto;max-width:800px;padding:2.5rem 1.2rem 2rem}.contactus-hero{margin-bottom:2.5rem;text-align:center}.contactus-hero h1{color:var(--color-primary);font-size:2.3rem;margin-bottom:.5rem}.contactus-tagline{color:var(--color-secondary);font-size:1.1rem;font-weight:500}.contactus-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2.5rem}.contactus-form{background:#fff;border-radius:14px;box-shadow:0 4px 24px #1e4d5f12;flex:1 1 340px;max-width:420px;min-width:300px;padding:2rem 1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.3rem}.form-group.full-width{width:100%}.form-group label{color:#495057;font-size:.95rem;font-weight:600;margin-bottom:.4rem}.form-group input,.form-group textarea{background:#fafbfc;border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.7rem;transition:border .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-footer{margin-top:1.2rem;text-align:right}.submit-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:.8rem 2.2rem;transition:background .2s}.submit-btn:disabled{background:#b2dfdb;cursor:not-allowed}.contactus-error,.contactus-success{border-radius:8px;font-weight:500;margin-bottom:1.2rem;padding:1rem;text-align:center}.contactus-success{background:#e0f2f1;border:1px solid #b2dfdb;color:#00796b}.contactus-error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.contactus-info{background:#fff;border-radius:14px;box-shadow:0 4px 24px #1e4d5f12;flex:1 1 220px;margin-top:1.5rem;min-width:220px;padding:2rem 1.5rem}.contactus-info h2{color:var(--color-secondary);font-size:1.15rem;margin-bottom:1rem}.contactus-info p{color:#234;font-size:1rem;margin-bottom:.7rem}.contactus-info a{color:var(--color-primary);text-decoration:underline;word-break:break-all}@media (max-width:900px){.contactus-content{flex-direction:column;gap:1.5rem}.contactus-form,.contactus-info{margin-top:0;max-width:100%}}.notfound-page{background:#e3f4fa;background:var(--color-fourth,#e3f4fa);display:flex;flex-direction:column;min-height:100vh}.notfound-main{align-items:center;display:flex;flex:1 1;justify-content:center}.notfound-content{background:#fff;border-radius:16px;box-shadow:0 4px 24px #1e4d5f17;max-width:400px;padding:3rem 2.5rem;text-align:center;width:100%}.notfound-logo{height:54px;margin-bottom:1.2rem;width:54px}.notfound-content h1{color:#1b4d5f;color:var(--color-primary,#1b4d5f);font-family:var(--font-heading);font-size:4rem;margin:0 0 .5rem}.notfound-content h2{color:#3e7a92;color:var(--color-secondary,#3e7a92);font-size:1.5rem;margin-bottom:1rem}.notfound-content p{color:#234;font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.notfound-btn{background:#1b4d5f;background:var(--color-primary,#1b4d5f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:.9rem 2.2rem;transition:background .2s}.notfound-btn:hover{background:#3e7a92;background:var(--color-secondary,#3e7a92)}@media (max-width:600px){.notfound-content{padding:2rem .7rem}.notfound-content h1{font-size:2.5rem}}.tip-detail-page{background-color:#f9fafb;min-height:100vh}.tip-detail-main{margin:0 auto;max-width:800px;padding:2.5rem 1.5rem}.tip-article{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:2rem 2.5rem}.tip-detail-title{color:#1b4d5f;color:var(--color-primary,#1b4d5f);font-size:2.2rem;line-height:1.3;margin-bottom:1.5rem}.tip-detail-content p{color:#374151;font-size:1.1rem;line-height:1.8;white-space:pre-wrap}.error-message{color:#c62828;font-size:1.1rem;text-align:center}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;width:100%}:root{--color-primary:#1b4d5f;--color-secondary:#3e7a92;--color-tertiary:#8fbbc6;--color-fourth:#e3f4fa;--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif}#root,body,html{background-color:#e3f4fa;background-color:var(--color-fourth);font-family:Inter,sans-serif;font-family:var(--font-body);height:100%;margin:0;padding:0;width:100%}
/*# sourceMappingURL=main.cece59ba.css.map*/