*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Alan Sans,Arial,Helvetica,sans-serif;background:#1e1a20;color:#fff}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.section{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;position:relative;z-index:1;text-align:center;padding:0 10%}.section.intro{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:8% 10%;gap:8rem;min-height:100vh}.intro-content{max-width:900px;margin:0 auto;text-align:center;padding-bottom:10%}.intro-content h1{font-size:8vmin;margin-bottom:1rem}.intro-content h2{margin-top:0}.intro-content p{font-size:2.5vmin;line-height:1.6;margin-bottom:1.5rem;padding-top:4%}.intro-container{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:100%}.eos-satellites{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap;width:100%}.eos-satellites img{flex:1;max-width:300px;height:auto;object-fit:contain;cursor:pointer;transition:transform .2s ease}.satellite{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff03;border-radius:12px;padding:10px}.satellite img{margin-top:1rem}.sat-caption{font-size:2vmin;font-weight:700;text-align:center;color:#fff}.eos-text{flex:1;min-width:300px;max-width:900px;margin:0 auto;line-height:1.8;font-size:2.3vmin;text-align:justify;text-justify:inter-word}.eos-text h1{text-align:center;font-size:4vmin;margin-bottom:1rem}.eos-text p{margin-bottom:1.5rem}.scroll-btn{margin-top:2rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;animation:bounce 1.5s infinite;transition:transform .2s}.scroll-btn:hover{transform:scale(1.2)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.terra-detail{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;max-width:1000px;margin:0 auto;padding-top:10%;padding-bottom:5%;flex-wrap:wrap}.terra-text{flex:1;min-width:300px;line-height:1.8;font-size:2.3vmin;text-align:justify;text-justify:inter-word}.terra-text h2{text-align:center;margin-bottom:1.5rem;font-size:4vmin}.satellite{flex:1;display:flex;justify-content:center}.satellite img{max-width:400px;height:auto;transition:transform .3s ease}.terra-detail{background:#ffffff0d;border-radius:12px;padding:3rem}#terra-satellite{max-width:550px;height:auto}@media (max-width: 800px){.terra-detail{flex-direction:column;text-align:center}.terra-text{text-align:justify}.satellite img{max-width:80%}}footer{padding-top:200%}#colorbar-container{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#fff;font-family:sans-serif;margin-top:240%;padding-right:5%}#gradient-wrapper{display:flex;flex-direction:column;align-items:center}#colorBar{border:1px solid #ccc;border-radius:5px}#units{margin-top:5px}#labels{display:flex;flex-direction:column;justify-content:space-between;height:300px;margin-left:10px}#loadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s}#loadingContent{color:#fff;font-size:1.5rem;text-align:center}body.loading{overflow:hidden}#slider-container{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding-bottom:0%;margin-bottom:0%;top:500%;z-index:10}#sliderLabel{margin-bottom:5px;font-weight:700;color:#fff;text-align:center}#monthSlider{width:200px}#playPauseBtn{position:relative;margin-top:10px;padding:5px 10px;cursor:pointer}.parteners img{width:30%;padding-top:5%;padding-bottom:5%}#site-footer{position:relative;text-align:center;padding:60% 10px 2%;color:#fff;font-size:.9rem}#site-footer a{color:#00bfff;text-decoration:none;margin:0 5px}#site-footer a:hover{text-decoration:underline}#site-footer .footer-content p{margin:5px 0}.card{opacity:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transform:translate(-50%,-50%) scale(.8);pointer-events:none;position:fixed;top:50%;left:50%;background:#33253a;padding:20px 50px;border-radius:12px;border-color:#402c4a;border-width:8px;border-style:solid;box-shadow:0 4px 15px #00000040;width:40%;min-height:30%;text-align:center;z-index:10000;transition:opacity .3s ease,transform .3s ease}.card.active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.card ul{list-style:disc;padding-left:20px;margin:10px 0;text-align:left;width:100%}.overlay{opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;transition:opacity .3s ease}.overlay.active{opacity:1;pointer-events:auto}.close-btn{margin-top:15px;background:#4169e1;color:#fff;border:none;padding:8px 15px;border-radius:6px;width:10%;cursor:pointer;transition:background .2s}.close-btn:hover{background:#0000cd}.link{color:#00bfff;text-decoration:none}.data-source{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:500px;margin:0 auto;padding-top:180%}.data-source a{position:relative}.data-source a:hover{text-decoration:underline}.mopitt-info{max-width:800px;margin:0 auto;padding-top:10%;text-align:left;line-height:1.8;font-size:2.3vmin}.mopitt-info h2{text-align:center;margin-bottom:1.5rem;font-size:4vmin}.mopitt-info p{margin-bottom:1rem;text-align:justify;text-justify:inter-word}