:root{--primary:#0f3242;--primary-dark:#081b24;--primary-light:#1a4d64;--secondary:#216e5f;--secondary-light:#ebf5f2;--secondary-hover:#19584c;--accent:#d97706;--accent-hover:#b45309;--accent-light:#fffbeb;--accent-border:#fde68a;--bg-canvas:#f8faf9;--bg-surface:#fff;--bg-muted:#f1f5f3;--bg-dark:#0b212d;--bg-dark-card:#132d3b;--text-title:#0c1e26;--text-body:#3b4e57;--text-muted:#647883;--text-on-dark:#f0f6f5;--text-on-dark-muted:#9bb0ba;--border-subtle:#e2ece8;--border-card:#0f324214;--border-dark:#ffffff1f;--shadow-xs:0 1px 3px #0b212d0d;--shadow-sm:0 4px 12px #0b212d0a;--shadow-md:0 12px 30px -6px #0b212d14, 0 4px 12px -2px #0b212d08;--shadow-lg:0 24px 50px -10px #0b212d24, 0 10px 20px -5px #0b212d0d;--shadow-colored:0 12px 28px -4px #216e5f38;--shadow-accent:0 12px 28px -4px #d9770642;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--container-max:1240px;--container-wide:1360px;--header-height:80px;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);color:var(--text-body);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-title);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.container-wide{width:100%;max-width:var(--container-wide);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section-padding{padding-top:5.5rem;padding-bottom:5.5rem}.section-padding-sm{padding-top:3.5rem;padding-bottom:3.5rem}.section-padding-lg{padding-top:7rem;padding-bottom:7rem}.eyebrow{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);background:var(--secondary-light);border-radius:var(--radius-full);border:1px solid #216e5f1f;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.eyebrow.eyebrow-accent{color:var(--accent);background:var(--accent-light);border-color:var(--accent-border)}.eyebrow.eyebrow-light{color:#79d6c4;background:#216e5f33;border-color:#79d6c440}.section-heading{color:var(--text-title);letter-spacing:-.025em;margin-bottom:1rem;font-size:2.375rem;font-weight:800}@media (width>=768px){.section-heading{font-size:2.75rem}}.section-lead{color:var(--text-body);max-width:680px;font-size:1.125rem;line-height:1.7}.text-white{color:#fff!important}.text-teal{color:var(--secondary)!important}.text-accent{color:var(--accent)!important}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.625rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #0f32422e}.btn-primary:hover{background-color:var(--primary-light);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0f324240}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:var(--shadow-colored)}.btn-secondary:hover{background-color:var(--secondary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -4px #216e5f59}.btn-accent{background-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-accent:hover{background-color:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -4px #d9770661}.btn-outline{color:var(--primary);border:1.5px solid var(--border-subtle);background:0 0}.btn-outline:hover{background:var(--bg-muted);border-color:var(--primary);transform:translateY(-2px)}.btn-outline-white{color:#fff;background:0 0;border:1.5px solid #ffffff59}.btn-outline-white:hover{background:#ffffff1f;border-color:#fff;transform:translateY(-2px)}.btn-sm{padding:.625rem 1.125rem;font-size:.845rem}.btn-lg{border-radius:var(--radius-md);padding:1.125rem 2.125rem;font-size:1.0625rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);padding:1.75rem}.card:hover{box-shadow:var(--shadow-md);border-color:#216e5f40;transform:translateY(-4px)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#07151db8;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.pulse-glow{animation:4s ease-in-out infinite pulseGlow}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:#c4d3cd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9bb3aa}.hero-fullwidth-section{color:#fff;background:radial-gradient(circle at 85% 15%,#2fd1b52e 0%,#0000 55%),radial-gradient(circle at 15% 85%,#d977061a 0%,#0000 45%),linear-gradient(145deg,#0a1f2b 0%,#06141d 100%);border-bottom:1px solid #ffffff14;width:100%;margin:0;padding:4.75rem 0 5.25rem;position:relative;overflow:hidden}@media (width<=991px){.hero-fullwidth-section{padding:3rem 0 3.75rem}}.hero-slider-container{background-color:#0f324280;border-radius:24px;width:100%;height:480px;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #000000a6,0 0 0 1px #ffffff26}.hero-slide{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .85s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.04)}.hero-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.hero-slide img{object-fit:cover;width:100%;height:100%;display:block}.hero-slider-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;opacity:0;background:#081b24a6;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-slider-container:hover .hero-slider-btn{opacity:1}.hero-slider-btn:hover{color:#081b24;background:#2fd1b5e6;border-color:#2fd1b5;transform:translateY(-50%)scale(1.08)}.hero-slider-btn.prev{left:1rem}.hero-slider-btn.next{right:1rem}.hero-slider-dots{-webkit-backdrop-filter:blur(8px);z-index:10;background:#081b24a6;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .85rem;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.hero-slider-dot{cursor:pointer;border:none;border-radius:9999px;height:8px;padding:0;transition:all .35s cubic-bezier(.4,0,.2,1)}.hero-slider-dot.active{background:#2fd1b5;width:24px;box-shadow:0 0 10px #2fd1b599}.hero-slider-dot.inactive{background:#ffffff73;width:8px}.hero-slider-dot.inactive:hover{background:#ffffffd9}@media (width<=768px){.hero-slider-container{border-radius:18px;height:320px}.hero-slider-btn{opacity:.85;width:36px;height:36px}}.about-visual-showcase{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:96px}.about-main-photo-frame{background:#fff;border:1px solid #0f324214;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #0b212d29}.about-main-photo-frame img{object-fit:cover;width:100%;height:520px;transition:transform .4s;display:block}.about-main-photo-frame:hover img{transform:scale(1.02)}@media (width<=991px){.about-visual-showcase{position:relative;top:auto}.about-main-photo-frame img{height:380px}}.about-feature-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.about-feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px;align-items:center;gap:.95rem;padding:.95rem 1.1rem;display:flex}.about-feature-card:hover{box-shadow:var(--shadow-md);border-color:#216e5f59;transform:translateY(-2px)}.about-feature-thumb{border:1px solid var(--border-subtle);background:#0b212d;border-radius:12px;flex-shrink:0;width:58px;height:58px;overflow:hidden}.about-feature-thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=576px){.about-feature-grid{grid-template-columns:1fr}}.marquee-image-card{transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #ffffff2e;border-radius:16px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000047}.marquee-image-card:hover{border-color:#79d6c499;transform:scale(1.02)}.team-member-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);text-align:center;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);background-color:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;padding:2rem 1.75rem;display:flex;position:relative}.team-member-card:hover{border-color:var(--secondary);transform:translateY(-6px);box-shadow:0 20px 35px -10px #0f324226}.team-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);background-color:#081b24d1;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.team-modal-dialog{background-color:#fff;border:1px solid #fff3;border-radius:24px;flex-direction:column;width:100%;max-width:760px;max-height:88vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #00000073}.team-modal-header{background:linear-gradient(135deg, var(--bg-canvas) 0%, var(--bg-surface) 100%);border-bottom:1px solid var(--border-subtle);align-items:center;gap:1.5rem;padding:2rem 2.25rem 1.5rem;display:flex;position:relative}.team-modal-body{flex:1;padding:2rem 2.25rem;overflow-y:auto}.team-modal-body::-webkit-scrollbar{width:6px}.team-modal-body::-webkit-scrollbar-track{background:var(--bg-canvas)}.team-modal-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.team-modal-body::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.report-item-card{border:1px solid var(--border-subtle);transition:all var(--transition-fast);background-color:#fff;border-radius:18px;flex-direction:column;gap:1rem;padding:1.5rem 1.75rem;display:flex}.report-item-card:hover{border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 10px 28px #216e5f1f}@media (width<=640px){.team-modal-header{text-align:center;flex-direction:column;padding:1.5rem}.team-modal-body{padding:1.5rem}.report-item-card{padding:1.25rem}}.gallery-slider{width:100%;height:100%;position:relative}.gallery-slider-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;height:100%;display:flex;overflow:auto hidden}.gallery-slider-track::-webkit-scrollbar{display:none}.gallery-slider-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;height:100%}.gallery-slider-slide img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.gallery-slider-arrow{color:var(--primary-dark);cursor:pointer;z-index:2;opacity:0;transition:opacity var(--transition-fast), background-color var(--transition-fast);background-color:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0003}.gallery-slider-arrow:hover{background-color:#fff}.gallery-slider:hover .gallery-slider-arrow,.gallery-slider-arrow:focus-visible,.gallery-slider--lightbox .gallery-slider-arrow{opacity:1}@media (hover:none){.gallery-slider-arrow{opacity:.85}}.gallery-thumbs{background-color:var(--bg-dark);scrollbar-width:thin;gap:.5rem;padding:.75rem 1.75rem;display:flex;overflow-x:auto}.gallery-thumb{border-radius:var(--radius-sm);cursor:pointer;opacity:.55;width:72px;height:50px;transition:opacity var(--transition-fast), border-color var(--transition-fast);background:0 0;border:2px solid #0000;flex:none;padding:0;overflow:hidden}.gallery-thumb:hover{opacity:.85}.gallery-thumb.is-active{opacity:1;border-color:#79d6c4}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.marquee-image-card img{object-fit:cover;width:100%;height:180px;display:block}@keyframes doodleFloatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes doodleFloatRev{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(7px)rotate(-2deg)}}.doodle-float-1{animation:7s ease-in-out infinite doodleFloatSlow}.doodle-float-2{animation:9s ease-in-out infinite doodleFloatRev}.announcement-bar{color:#fff;text-align:center;letter-spacing:.015em;background:linear-gradient(90deg,#1c6b5b 0%,#2a8572 100%);border-bottom:1px solid #ffffff26;justify-content:center;align-items:center;gap:.65rem;padding:.6rem 1rem;font-size:.845rem;font-weight:600;display:flex}.announcement-bar a{color:#fef08a;text-underline-offset:3px;align-items:center;gap:.25rem;font-weight:700;text-decoration:underline;display:inline-flex}.announcement-bar a:hover{color:#fff}