// ...existing code... :root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.marker-popup{background:#fff;padding:12px 15px;border-radius:8px;box-shadow:0 3px 12px #0006;max-width:250px;pointer-events:none}.popup-species{font-size:16px;font-weight:700;color:#06c;margin-bottom:5px}.popup-scientific{font-style:italic;color:#666;font-size:13px;margin-bottom:8px}.popup-coords{font-size:12px;color:#888}.popup-dataset{font-size:11px;color:#999;margin-top:5px;padding-top:5px;border-top:1px solid #eee}#legend{position:absolute;top:10px;right:10px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000004d;max-width:200px;font-size:13px}.legend-title{font-weight:700;margin-bottom:10px;font-size:14px}.legend-item{display:flex;align-items:center;margin-bottom:5px}.legend-color{width:12px;height:12px;border-radius:50%;margin-right:8px;border:2px solid white}:root{--primary: #667eea;--secondary: #764ba2;--ocean-blue: #0077be;--deep-ocean: #003d5c;--coral: #ff6b6b;--wave: #4ecdc4}.light-mode{--bg-primary: #f0f4f8;--bg-secondary: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--accent-primary: #0077be;--accent-secondary: #00a8e8;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(0, 119, 190, .2);--shadow-color: rgba(0, 0, 0, .1)}.dark-mode{--bg-primary: #0a1929;--bg-secondary: #1a2c42;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--accent-primary: #4ecdc4;--accent-secondary: #44a3f7;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(78, 205, 196, .3);--shadow-color: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}#root{max-width:100%;margin:0;padding:0;width:100%;min-height:100vh}.underwater-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:radial-gradient(ellipse at 30% 20%,rgba(78,205,196,.15) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgba(68,163,247,.12) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(102,126,234,.1) 0%,transparent 40%);animation:underwater-shimmer 8s ease-in-out infinite}@keyframes underwater-shimmer{0%,to{opacity:.3}50%{opacity:.6}}.light-rays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.ray{position:absolute;top:-50%;width:100px;height:150%;background:linear-gradient(to bottom,#4ecdc400,#4ecdc426 20%,#4ecdc414 50%,#4ecdc400);transform-origin:top center;animation:ray-sway 12s ease-in-out infinite}.ray1{left:10%;animation-delay:0s;opacity:.4}.ray2{left:35%;animation-delay:-3s;opacity:.3}.ray3{left:60%;animation-delay:-6s;opacity:.5}.ray4{left:85%;animation-delay:-9s;opacity:.3}@keyframes ray-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.bubbles{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.bubble{position:absolute;bottom:-100px;width:20px;height:20px;background:radial-gradient(circle,#4ecdc44d,#44a3f71a);border-radius:50%;animation:bubble-rise 15s infinite ease-in;opacity:.6}.bubble:nth-child(1){left:10%;width:30px;height:30px;animation-delay:0s;animation-duration:12s}.bubble:nth-child(2){left:30%;width:15px;height:15px;animation-delay:3s;animation-duration:18s}.bubble:nth-child(3){left:50%;width:25px;height:25px;animation-delay:6s;animation-duration:14s}.bubble:nth-child(4){left:70%;width:20px;height:20px;animation-delay:9s;animation-duration:16s}.bubble:nth-child(5){left:90%;width:18px;height:18px;animation-delay:12s;animation-duration:20s}@keyframes bubble-rise{0%{bottom:-100px;opacity:0;transform:translate(0)}10%{opacity:.6}90%{opacity:.6}to{bottom:110%;opacity:0;transform:translate(50px)}}.navbar{box-shadow:0 4px 20px var(--shadow-color);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;left:0;right:0;overflow:visible}.light-mode .navbar{background:linear-gradient(135deg,#0077be,#00a8e8)}.dark-mode .navbar{background:linear-gradient(135deg,var(--ocean-blue) 0%,var(--deep-ocean) 100%)}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;min-height:80px}.nav-logo{display:flex;align-items:center;gap:1rem;color:#fff;font-size:1.8rem;font-weight:800;cursor:pointer;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.logo-icon{font-size:2.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hamburger-menu{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1000}.hamburger-menu span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger-menu span.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu span.open:nth-child(2){opacity:0}.hamburger-menu span.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-right{display:flex;align-items:center;gap:2rem}.nav-menu{display:flex;list-style:none;gap:.5rem;margin:0;padding:0}.nav-menu a{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:.75rem 1.5rem;border-radius:50px;display:block}.nav-menu a:hover{background:#ffffff26;transform:translateY(-2px)}.nav-menu li.active a{background:#ffffff40;font-weight:700;box-shadow:0 4px 15px #0003}.theme-toggle{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.6rem .8rem;border-radius:50px;cursor:pointer;font-size:1.3rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px}.theme-toggle:hover{background:#ffffff40;transform:rotate(180deg) scale(1.1)}.page-content{min-height:calc(100vh - 80px)}.home-page,.tracker-page{background:var(--bg-primary);min-height:calc(100vh - 80px);padding:0;position:relative;overflow:hidden}.dark-mode .home-page,.dark-mode .tracker-page{background:linear-gradient(180deg,#0a1929,#1a2c42,#2d4a64)}.light-mode .home-page,.light-mode .tracker-page{background:linear-gradient(180deg,#e0f2fe,#bae6fd,#7dd3fc)}.home-page:before,.about-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(76,201,240,.1) 0%,transparent 50%);pointer-events:none}.light-mode .home-page:before,.light-mode .about-page:before{background:radial-gradient(circle at 20% 50%,rgba(0,119,190,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,168,232,.15) 0%,transparent 50%)}.ocean-waves{position:absolute;bottom:0;left:0;width:100%;height:200px;z-index:0;opacity:.3}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,205,196,.3),transparent);animation:wave-animation 15s linear infinite}.wave1{animation-delay:0s;opacity:.4}.wave2{animation-delay:-5s;opacity:.3;animation-duration:18s}.wave3{animation-delay:-10s;opacity:.2;animation-duration:22s}@keyframes wave-animation{0%{transform:translate(-50%) translateY(0) rotate(0)}to{transform:translate(0) translateY(20px) rotate(360deg)}}.hero-section{text-align:center;padding:6rem 2rem;position:relative;z-index:1}.hero-title,.sharklink-hero h1,.tracker-header h1{font-size:4rem;font-weight:900;margin-bottom:1.5rem;line-height:1.2}.dark-mode .hero-title,.dark-mode .sharklink-hero h1,.dark-mode .tracker-header h1{background:linear-gradient(135deg,#4ecdc4,#44a3f7,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(78,205,196,.5)}.light-mode .hero-title,.light-mode .sharklink-hero h1,.light-mode .tracker-header h1{background:linear-gradient(135deg,#0077be,#0096c7,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;margin-bottom:3rem;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.dark-mode .hero-subtitle{color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.3)}.light-mode .hero-subtitle{color:#1e40af}.cta-button,.secondary-cta{border:none;padding:1.25rem 3.5rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .4s ease}.cta-button{background:linear-gradient(135deg,var(--coral) 0%,#ff8e53 100%);color:#fff;box-shadow:0 10px 30px #ff6b6b66;margin-top:4rem}.cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #ff6b6b99}.secondary-cta{background:#ffffff26;border:2px solid rgba(255,255,255,.3);padding:1rem 2.5rem;font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .secondary-cta{color:#fff}.light-mode .secondary-cta{color:#0077be;background:#0077be1a;border-color:#0077be4d}.secondary-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--shadow-color)}.hero-stats{display:flex;justify-content:center;gap:4rem;margin-top:4rem;flex-wrap:wrap}.stat-item{text-align:center;padding:1.5rem 2rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--card-border);transition:all .3s ease;min-width:150px}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:900;margin-bottom:.5rem}.dark-mode .stat-number{background:linear-gradient(135deg,#4ecdc4,#44a3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.light-mode .stat-number{color:#0077be}.stat-label{font-size:.95rem;font-weight:600}.dark-mode .stat-label{color:#fffc}.light-mode .stat-label{color:#4a5568}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;padding:4rem 2rem;position:relative;z-index:1}.feature-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);padding:2.5rem;border-radius:20px;transition:all .4s ease;text-align:center;position:relative;overflow:hidden}.light-mode .feature-card{box-shadow:0 4px 15px #0077be1a}.feature-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 50px var(--shadow-color)}.feature-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.dark-mode .feature-card h3{color:#fff}.light-mode .feature-card h3{color:#1a202c}.feature-card p{line-height:1.8;font-size:1rem;margin-bottom:1rem}.dark-mode .feature-card p{color:#fffc}.light-mode .feature-card p{color:#4a5568}.feature-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:1rem}.dark-mode .feature-badge{background:linear-gradient(135deg,#4ecdc44d,#44a3f74d);border:1px solid rgba(78,205,196,.5);color:#fffffff2}.light-mode .feature-badge{background:#0077be1a;border:1px solid rgba(0,119,190,.3);color:#0077be}.mission-banner{max-width:1000px;margin:4rem auto 0;padding:4rem 3rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:24px;text-align:center;position:relative;z-index:1}.mission-banner h2{font-size:2.5rem;margin-bottom:1.5rem;font-weight:800}.dark-mode .mission-banner h2{color:#fff}.light-mode .mission-banner h2{color:#1a202c}.mission-banner p{font-size:1.2rem;line-height:1.9;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.dark-mode .mission-banner p{color:#ffffffd9}.light-mode .mission-banner p{color:#4a5568}.about-page{background:var(--bg-primary);min-height:calc(100vh - 80px);padding:3rem 2rem;position:relative}.dark-mode .about-page{background:linear-gradient(180deg,#0a1929,#1a2c42,#2d4a64)}.light-mode .about-page{background:linear-gradient(180deg,#e0f2fe,#bae6fd,#7dd3fc)}.about-container{max-width:1200px;margin:0 auto;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);padding:0;border-radius:24px;box-shadow:0 20px 60px var(--shadow-color);overflow:hidden;position:relative;z-index:1}.about-hero{padding:4rem 3rem 3rem;text-align:center;color:#fff;position:relative;overflow:hidden}.dark-mode .about-hero{background:linear-gradient(135deg,var(--ocean-blue) 0%,var(--deep-ocean) 100%)}.light-mode .about-hero{background:linear-gradient(135deg,#0077be,#00a8e8)}.about-hero h1{font-size:3.5rem;margin:0 0 1rem;color:#fff;position:relative;z-index:1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.about-tagline{font-size:1.3rem;margin:0;opacity:.95;line-height:1.8;position:relative;z-index:1}.about-section{padding:3rem;border-bottom:1px solid var(--card-border);position:relative}.about-section:last-child{border-bottom:none}.about-section h2{font-size:2.2rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:700}.dark-mode .about-section h2{color:#fff}.light-mode .about-section h2{color:#1a202c}.about-section h2:before{content:"";width:5px;height:40px;background:linear-gradient(180deg,var(--wave),var(--coral));border-radius:10px}.about-section p{line-height:1.9;font-size:1.1rem;margin-bottom:1.25rem}.dark-mode .about-section p{color:#fffc}.light-mode .about-section p{color:#4a5568}.mission-section{background:linear-gradient(to bottom,rgba(78,205,196,.05),transparent)}.challenge-section{background:#44a3f708}.innovation-section{background:linear-gradient(to bottom,rgba(118,75,162,.05),transparent)}.impact-section{background:#ff6b6b0d}.data-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:2rem}.data-card{background:linear-gradient(135deg,#4ecdc433,#44a3f733);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;box-shadow:0 10px 30px var(--shadow-color);transition:all .4s ease}.data-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 15px 40px #4ecdc44d}.data-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block}.data-card h3{font-size:1.8rem;margin-bottom:1rem;color:#fff;font-weight:700}.data-card p{color:#fffffff2;font-size:1.05rem;margin:0;line-height:1.7}.science-factors{display:grid;gap:2rem;margin-top:2rem}.factor-item{display:flex;gap:2rem;align-items:flex-start;padding:2rem;background:linear-gradient(to right,rgba(78,205,196,.08),transparent);border-radius:16px;border-left:5px solid var(--wave);transition:all .3s ease}.factor-item:hover{background:linear-gradient(to right,#4ecdc426,#44a3f70d);transform:translate(10px)}.factor-icon{font-size:3rem;flex-shrink:0}.factor-item strong{font-size:1.3rem;display:block;margin-bottom:.75rem;font-weight:700}.dark-mode .factor-item strong{color:#fff}.light-mode .factor-item strong{color:#1a202c}.factor-item p{margin:0;font-size:1rem;line-height:1.7}.dark-mode .factor-item p{color:#ffffffbf}.light-mode .factor-item p{color:#4a5568}.about-list{list-style:none;padding:0;margin-top:1.5rem}.about-list li{line-height:2.2;font-size:1.1rem;padding-left:2rem;position:relative;transition:all .3s ease}.dark-mode .about-list li{color:#fffc}.light-mode .about-list li{color:#4a5568}.about-list li:hover{transform:translate(5px)}.about-list li:before{content:"✓";color:var(--wave);font-weight:700;position:absolute;left:0;font-size:1.5rem}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-top:2rem}.tech-item{background:linear-gradient(135deg,#667eea4d,#764ba24d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:2rem 1.5rem;border-radius:16px;text-align:center;font-weight:600;box-shadow:0 8px 20px var(--shadow-color);transition:all .3s ease}.tech-item:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 30px #667eea66}.tech-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.contact-section{color:#fff;border-radius:16px;margin:2rem}.dark-mode .contact-section{background:linear-gradient(135deg,var(--ocean-blue) 0%,var(--deep-ocean) 100%)}.light-mode .contact-section{background:linear-gradient(135deg,#0077be,#00a8e8)}.contact-section h2{color:#fff}.contact-section h2:before{background:linear-gradient(180deg,#fff,#ffffff80)}.contact-section p{color:#fffffff2}.contact-email{font-size:1.4rem;font-weight:700;margin-top:1.5rem;padding:1rem 2rem;background:#ffffff1a;border-radius:50px;display:inline-block;transition:all .3s ease}.contact-email:hover{background:#fff3;transform:scale(1.05)}.conservation-links{margin:32px 0;padding:24px;background-color:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.conservation-links h3{margin-bottom:24px;font-size:1.5em;color:#fff;text-align:center}.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.org-link{display:flex;align-items:center;padding:16px;background-color:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:all .3s ease}.org-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:var(--accent-primary);background-color:#ffffff1a}.org-icon{font-size:2em;margin-right:16px}.org-info{flex:1}.org-info h4{color:#0077be;margin-bottom:4px;font-size:1.1em}.org-info p{color:#fffc;font-size:.9em;margin:0}.tracker-page{min-height:100vh;display:flex;flex-direction:column}.tracker-header{display:flex;flex-direction:column;padding:1rem 2rem;color:#fff;justify-content:center;text-align:center;width:100%;margin-top:5rem}.tracker-header p{margin:2rem 0 0;color:#1e40af}.dark-mode .tracker-header p{color:#fff}.tracker-container{flex:1;position:relative;display:flex;flex-direction:column;overflow-x:hidden;width:100%}.layer-info-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;margin:1.25rem auto;padding:1.25rem;box-shadow:0 .25rem 1rem var(--shadow-color);min-height:12rem;z-index:1;max-width:90%;width:1200px}.layer-nav{display:flex;overflow-x:auto;padding:.625rem 0;gap:1.5rem;border-bottom:1px solid var(--card-border);margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.layer-nav::-webkit-scrollbar{height:6px}.layer-nav::-webkit-scrollbar-track{background:var(--bg-secondary)}.layer-nav::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.layer-nav-item{color:#000;padding:8px 4px;white-space:nowrap;cursor:pointer;position:relative;font-weight:500}.dark-mode .layer-nav-item{color:#fff}.layer-nav-item:after{content:"";position:absolute;width:0;height:2px;bottom:-10px;left:0;background:var(--accent-primary);transition:width .3s ease}.layer-nav-item:hover:after,.layer-nav-item.active:after{width:100%}.layer-header{font-size:1.25rem;font-weight:900;margin-bottom:2.5rem;text-align:center;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .layer-header h1{text-shadow:0 0 30px rgba(78,205,196,.5)}.layer-content{padding:.5rem 0 1rem;min-height:5rem}.layer-description{color:#000;line-height:1.6;margin-bottom:2rem}.dark-mode .layer-description{color:#fff}.layer-source{display:block;color:#000;font-size:.9em;font-style:italic}.source-link{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.source-link:hover{color:var(--accent-secondary);text-decoration:underline}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 0rem;position:relative}.header-title{font-size:1.5rem;font-weight:600;color:#fff}.light-mode .header-title{color:#000}.help-button{width:2rem;height:2rem;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#00a8e8bf}.dark-mode .help-button{background:#00a8e840}.help-popup{position:absolute;top:4rem;right:8.25rem;width:20rem;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:.75rem;padding:1.25rem;box-shadow:0 .25rem 1rem #0003;z-index:1000}.help-popup h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.help-popup ul{margin:0;padding-left:1.25rem}.help-popup li{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.close-help{position:absolute;color:#fff;font-size:1.25rem;min-width:2.5rem;padding:.1rem;top:12px;right:12px;background:#00a8e8bf}.dark-mode .close-help{background:#00a8e840}.sharklink-page{padding:2rem;margin:0 auto;color:var(--text-primary)}.dark-mode .sharklink-page{background:linear-gradient(180deg,#0a1929,#1a2c42,#2d4a64)}.light-mode .sharklink-page{background:linear-gradient(180deg,#e0f2fe,#bae6fd,#7dd3fc)}.sharklink-hero{text-align:center;margin-bottom:3rem;padding:4rem 2rem}.sharklink-hero h1{font-size:4rem;font-weight:900;margin-bottom:1rem}.sharklink-container section{margin-bottom:4rem;padding:2rem;background:var(--bg-secondary);border-radius:1rem;box-shadow:0 .25rem 1rem var(--shadow-color)}.concept-image{display:flex;justify-content:center;margin:0 auto;padding-bottom:1rem}.concept-section p{text-align:left;line-height:2rem}.features-section,.process-section,.benefits-section{text-align:center;line-height:2rem}.concept-section h2,.features-section h2,.process-section h2,.benefits-section h2{background:linear-gradient(135deg,#4ecdc4,#44a3f7,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;margin-bottom:1.25rem;text-align:center}.dark-mode .features-section h2,.dark-mode .process-section h2,.dark-mode .benefits-section h2{background:linear-gradient(135deg,#4ecdc4,#44a3f7,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.light-mode .features-section h2,.light-mode .process-section h2,.light-mode .benefits-section h2{background:linear-gradient(135deg,#0077be,#0096c7,#0077b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .concept-section p{color:#fff}.light-mode .concept-section p{color:#4a5568}.image-placeholder{background:var(--bg-primary);border:2px dashed var(--accent-primary);padding:4rem;border-radius:.75rem;margin:2rem 0;color:var(--text-secondary);text-align:center}.process-steps{display:grid;gap:2rem}.step{background:var(--bg-primary);padding:1.5rem;border-radius:.75rem;border-left:4px solid var(--accent-primary)}.step h3{color:var(--accent-primary);margin-bottom:.5rem}.dark-mode .step p{color:#fff}.light-mode .step p{color:#4a5568}.benefits-list{list-style:none;padding:0}.benefits-list li{padding:1rem 1.5rem;margin-bottom:1rem;background:var(--bg-primary);border-radius:.5rem;box-shadow:0 .25rem 1rem var(--shadow-color);display:flex;align-items:center}.benefits-list li:before{content:"↗";color:var(--accent-primary);margin-right:1rem;font-weight:700}.dark-mode .benefits-list li{color:#fff}.light-mode .benefits-list li{color:#4a5568}.concept-content p{padding:0 2rem}.framework-section{padding:4rem 2rem;position:relative;z-index:1;background:var(--bg-primary)}.framework-container{max-width:1200px;margin:0 auto}.framework-header{text-align:center;margin-bottom:3rem}.framework-header h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .framework-header h2{text-shadow:0 0 30px rgba(78,205,196,.5)}.framework-subtitle{font-size:1.2rem;line-height:1.8;max-width:800px;margin:0 auto}.dark-mode .framework-subtitle{color:#ffffffd9}.light-mode .framework-subtitle{color:#4a5568}.framework-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.framework-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.framework-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px var(--shadow-color)}.framework-card-header{width:100%;padding:2rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .3s ease;text-align:left}.framework-card-header:hover{background:#4ecdc40d}.framework-icon{font-size:2.5rem;flex-shrink:0}.framework-card-header h3{font-size:1.5rem;font-weight:700;margin:0;flex-grow:1}.dark-mode .framework-card-header h3{color:#fff}.light-mode .framework-card-header h3{color:#1a202c}.expand-icon{font-size:.8rem;transition:transform .3s ease;color:var(--accent-primary)}.expand-icon.expanded{transform:rotate(180deg)}.framework-content{padding:2rem;border-top:1px solid var(--card-border);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.subsection{margin-bottom:1.5rem}.subsection:last-child{margin-bottom:0}.subsection h4{margin-top:0rem;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}@media (max-width: 900px){.framework-content{padding:4rem 2rem 2rem}.subsection h4{margin-top:1.5rem}}.dark-mode .subsection h4{color:var(--accent-primary)}.light-mode .subsection h4{color:#0077be}.subsection p{font-size:1rem;line-height:1.7;margin:0}.dark-mode .subsection p{color:#fffc}.light-mode .subsection p{color:#4a5568}.hypothesis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.hypothesis-item{padding:1.25rem;background:linear-gradient(135deg,#4ecdc41a,#44a3f71a);border-radius:12px;border:1px solid var(--card-border);transition:all .3s ease}.hypothesis-item:hover{transform:translateY(-4px);background:linear-gradient(135deg,#4ecdc433,#44a3f733)}.hypothesis-item h5{font-size:1rem;font-weight:700;margin-bottom:.5rem}.dark-mode .hypothesis-item h5{color:var(--accent-primary)}.light-mode .hypothesis-item h5{color:#0077be}.hypothesis-item p{font-size:.95rem;line-height:1.6;margin:0}.dark-mode .hypothesis-item p{color:#ffffffbf}.light-mode .hypothesis-item p{color:#4a5568}@media (max-width: 768px){.concept-section p{text-align:center}.tracker-header h1{font-size:2rem}.hypothesis-grid{grid-template-columns:1fr}.hamburger-menu{display:flex;margin-right:1rem}.nav-container{padding:0 1rem;min-height:70px;flex-direction:row;justify-content:space-between;align-items:center}.nav-logo{font-size:1.4rem}.logo-icon{font-size:2rem}.nav-right{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);flex-direction:column;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 4px 20px var(--shadow-color);z-index:999}.dark-mode .nav-right{background:#1a2c42}.dark-mode .nav-menu li.active a{background:var(--bg-primary)}.light-mode .nav-right{background:#0077be}.nav-right.mobile-open{max-height:400px;padding:1rem 0 .5rem}.nav-menu{display:flex;flex-direction:column;align-items:center;width:100%;gap:.5rem;padding:0}.nav-menu li{width:80vw;text-align:center}.nav-menu a{font-size:1.1rem;padding:1rem;display:block;width:100%;border-radius:2rem}.nav-menu a:hover{background:#fff3;transform:none}.nav-menu li.active a{background:#ffffff4d;box-shadow:none}.theme-toggle{margin:1rem auto;align-self:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cta-button{padding:1rem 2.5rem;font-size:1.1rem;margin-top:3rem}.hero-stats{gap:1.5rem}.stat-item{min-width:120px;padding:1rem 1.5rem}.stat-number{font-size:2.5rem}.features-grid{grid-template-columns:1fr;padding:2rem 1rem}.mission-banner{padding:2.5rem 1.5rem;margin:2rem 1rem 0}.mission-banner h2{font-size:2rem}.about-page{padding:1.5rem .75rem}.about-container{margin:0;border-radius:16px}.about-section{padding:2rem 1.25rem}.about-section h2{font-size:1.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.about-section h2:before{width:40px;height:4px}.about-section p{font-size:1rem;line-height:1.7}.about-hero h1{font-size:2.5rem}.about-tagline{font-size:1.1rem}.data-sources{grid-template-columns:1fr;gap:1.5rem}.data-card{padding:2rem 1.5rem}.data-icon{font-size:3rem}.data-card h3{font-size:1.5rem}.data-card p{font-size:1rem}.science-factors{gap:1.5rem}.factor-item{flex-direction:column;gap:1rem;padding:1.5rem}.factor-icon{font-size:2.5rem}.factor-item strong{font-size:1.15rem}.factor-item p{font-size:.95rem}.about-list li{font-size:1rem;line-height:1.8;padding-left:1.75rem}.about-list li:before{font-size:1.25rem}.tech-stack{grid-template-columns:repeat(2,1fr);gap:1rem}.tech-item{padding:1.5rem 1rem;font-size:.9rem}.tech-icon{font-size:2rem;margin-bottom:.5rem}.conservation-links{margin:1.5rem 0;padding:1rem}.conservation-links h3{font-size:1.25rem;margin-bottom:1rem}.org-grid{grid-template-columns:1fr;gap:1rem}.org-link{padding:1.25rem}.org-icon{font-size:1.75rem;margin-right:12px}.org-info h4{font-size:1rem}.org-info p{font-size:.85rem}.contact-section{margin:1.5rem;padding:2rem 1.5rem}.contact-section h2{font-size:1.75rem}.contact-email{font-size:1.1rem;padding:.85rem 1.5rem}.sharklink-page{padding:1rem}.sharklink-hero{padding:2rem 1rem}.sharklink-hero h1{font-size:2rem}.sharklink-container section{padding:1.5rem}.framework-section{padding:2rem 1rem}.framework-header h2{font-size:2rem}.framework-subtitle{font-size:1rem}.framework-grid{grid-template-columns:1fr;gap:1.5rem}.framework-card-header{padding:1.5rem}.framework-icon{font-size:2rem}.framework-card-header h3{font-size:1.25rem}.framework-content{padding:1.5rem}}@media (max-width: 480px){.nav-logo{font-size:1.2rem}.logo-icon{font-size:1.8rem}.nav-menu a{font-size:1rem;padding:.9rem}}:root{--bg-light: #ffffff;--bg-dark: #1a1a1a;--text-light: #1a1a1a;--text-dark: #ffffff;--border-light: #e5e7eb;--border-dark: #333;--hover-light: rgba(59, 130, 246, .1);--hover-dark: rgba(59, 130, 246, .2);--accent-color: #3b82f6;--shadow-light: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .3)}.worldwind-container{display:flex;justify-content:center;min-width:1000px;padding:4rem;max-height:fit-container;position:relative}.layer-panel{width:20%;min-width:250px;padding:.25rem;overflow-y:auto;transition:all .3s ease;flex-direction:column;justify-content:flex-start;background:var(--bg-dark);color:var(--text-dark)}.layer-panel h2{margin:0 0 20px;font-size:1.2em;padding-bottom:10px;border-bottom:1px solid var(--border-dark);color:var(--text-dark)}.layer-control{margin-bottom:16px}.layer-control label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1.1em;padding:.5rem .5rem .5rem 0;border-radius:4px;transition:all .2s ease;color:var(--text-dark)}.layer-control input[type=checkbox]:checked+span{color:var(--accent-color);font-weight:500}.layer-control input[type=checkbox]{width:20px;height:20px;appearance:none;border:2px solid var(--accent-color);border-radius:4px;outline:none;cursor:pointer;position:relative;background:transparent;transition:all .2s ease}.layer-control input[type=checkbox]:checked{background-color:var(--accent-color);transform:scale(.95)}.layer-control input[type=checkbox]:active{transform:scale(.9)}.layer-control input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.3)}.discover-button{width:100%;padding:12px 24px;margin-top:auto;background:linear-gradient(45deg,#00a6ff,#0056b3);border:none;border-radius:8px;color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px #00a6ff80;animation:glow 1.5s ease-in-out infinite alternate}.discover-button:active{transform:translateY(1px)}@keyframes glow{0%{box-shadow:0 0 15px #00a6ff80}to{box-shadow:0 0 25px #00a6ffcc,0 0 40px #00a6ff4d}}.layer-panel{min-width:fit-content;padding:.75rem 1rem 1rem;box-shadow:2px 0 10px #0000004d;color:#fff;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem 0 0 .75rem}.globe-container{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:0 .75rem .75rem 0;width:70%}.globe-canvas{width:100%;height:100%;display:block;background-color:#000;border-radius:0 .75rem .75rem 0}.layer-panel h2{margin:0 0 20px;font-size:1.4em;color:#fff;border-bottom:1px solid #333;padding-bottom:10px}.layer-control{margin-bottom:16px;padding:0}.layer-control label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1em;color:#e0e0e0}.light-mode .layer-control label{color:#000}.layer-control input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.predict-button{width:100%;padding:10px;margin-top:15px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.predict-button.predicting{background-color:#9333ea}.loading-indicator{margin-left:8px;display:inline-block;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-header{border-bottom:1px solid gray;width:100%;margin-bottom:.75rem}.data-layer-sources{position:sticky;border-radius:.5rem;padding:.75rem;box-shadow:2px 0 10px #0000004d;color:#fff;background:#fff;border:1px solid var(--card-border);height:fit-content;z-index:0;overflow:visible}.dark-mode .data-layer-sources{background:#0a1929}@media (max-width: 768px){.worldwind-container{flex-direction:column-reverse;min-width:100%;padding:1rem}.data-layer-sources{padding:0rem .5rem .25rem}.sources-link{font-size:10px}.neo{border-radius:0 0 .75rem .75rem}.worldwind{border-radius:0}.layer-panel{width:100%;border-radius:.75rem}.globe-container{width:100%;margin-bottom:1rem}.globe-container{border-radius:.75rem}.globe-canvas{border-radius:.75rem .75rem 0 0}}