@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulsate{0%{transform:scale(1);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:0}}*,:after,:before{margin:0;padding:0;box-sizing:border-box;font:inherit}html{font-size:62.5%}body,html{-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden;width:100%}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{font-family:sans-serif;font-size:1.2rem;line-height:1;color:#f6fff8;background-color:#6b9080;scrollbar-width:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-ms-overflow-style,body::-webkit-scrollbar{display:none}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.typography{font:inherit}.hero,.offline{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;padding-top:.5em;width:100%;position:relative;z-index:1}.hero .hero-content,.hero .offline-content,.offline .hero-content,.offline .offline-content{opacity:0;animation:fadeIn .3s ease-in-out forwards;text-align:center;background-color:rgba(0,0,0,.4);box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;width:100%;padding:2em}.hero .hero-content .hero-title,.hero .offline-content .hero-title,.offline .hero-content .hero-title,.offline .offline-content .hero-title{font-size:clamp(2rem,5vw,3rem)}.hero .hero-content .hero-subtitle,.hero .offline-content .hero-subtitle,.offline .hero-content .hero-subtitle,.offline .offline-content .hero-subtitle{margin-top:1rem;text-transform:uppercase;letter-spacing:3px}.charts-container{width:90%;max-width:100%;margin:0 auto;padding-bottom:2em}.chart-title{text-align:center;font-weight:700;margin-top:.3em;color:#fff;font-size:clamp(1rem,4vw,1.2rem);white-space:nowrap}.chart-citations,.chart-container{width:100%;max-width:800px;margin:16px auto}.chart-container{height:25vh;min-height:200px;padding:1px 0 10px;margin-bottom:0;border-radius:15px 15px 0 0;box-shadow:0 0 0 rgba(164,195,178,.5),0 0 0 rgba(164,195,178,.5),0 -10px 10px rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(164,195,178,.9),rgba(107,144,128,.8))}.chart-container.energy{min-height:350px}.chart-citations{margin-top:0;border-radius:0 0 15px 15px;text-align:center;color:#f6fff8;font-size:clamp(1rem,2vw,1.2rem);padding:10px;background:linear-gradient(0deg,rgba(164,195,178,.9),rgba(107,144,128,.8))}.chart-citations .cite{display:block}.tooltip-data{width:100%;display:block;white-space:nowrap;text-align:center}.spinner-container,.transition-container{height:100%;min-height:100px;display:grid;place-items:center}.spinner{width:50px;height:50px;margin:0 auto;border-radius:50%;border:5px solid rgba(164,195,178,.6);border-top:#6b9080;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scroll-button{opacity:0;animation:fadeIn .3s ease-in-out forwards;animation:pulsate 2s ease-in-out .3s infinite;margin:0 auto;scale:.8;border-radius:50%;cursor:pointer}.scroll-button.down{position:absolute;bottom:50px}.scroll-button.top{width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center}.scroll-button.top img{transform:rotate(180deg)}@media(max-width:475px){.scroll-button.down{bottom:10px}}@media(max-height:500px){.scroll-button.down{bottom:-5px;scale:.6}}.layout{min-height:100vh}.layout,main{display:flex;flex-direction:column}main{flex-grow:1;justify-content:center}.nav-list{animation:fadeIn .3s ease-in-out forwards}.header{position:fixed;top:0;text-align:center;height:60px;background-color:rgba(0,0,0,.5);box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:100%;z-index:1000;display:none;align-items:center;justify-content:center}.header.hide{transform:translateY(-100%)}.header .navbar{display:flex;justify-content:center;align-items:center;height:100%}.header .navbar .nav-list{list-style:none;display:flex;gap:2.5em}.header .navbar .nav-list li a{color:#fff;text-decoration:none}.header .navbar .nav-list li a:hover{color:#64ffda}.bgImage{opacity:0;animation:fadeIn 1s ease-in-out forwards;position:fixed;z-index:-2}.bgImage,.bgImage img{width:100vw;height:100vh}.bgImage img{object-fit:cover;position:absolute;overflow:hidden}.bgImage:before{top:0;right:0;background:linear-gradient(0deg,transparent,rgba(164,195,178,.5));z-index:-1}.bgImage:after,.bgImage:before{content:"";position:absolute;left:0;bottom:0}.bgImage:after{width:100%;height:25vh;background:linear-gradient(180deg,transparent,#a4c3b2)}.privacy-banner{animation:fadeIn .3s ease-in-out forwards;position:fixed;z-index:10;bottom:0;left:0;width:100%;background-color:#0a192f;font-size:.9rem;text-align:center;padding:4px 8px;box-shadow:0 -2px 5px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.privacy-banner button{background-color:#f6fff8;color:#0a192f;letter-spacing:1px;border:none;padding:5px 14px;margin:6px;border-radius:5px;cursor:pointer}.privacy-banner button:hover{background-color:transparent;color:#64ffda;transition:all .3s ease-in-out}.footer{padding:1.5em 1em 2.5em;background-color:#0a192f;color:#fff;text-align:center;font-size:1rem}.footer .footer-list{list-style:none;padding:0;margin:0 0 16px;display:flex;justify-content:center;gap:1.5em;white-space:nowrap}.footer .footer-list li a{color:#fff;text-decoration:none;transition:all .3s ease-in-out}.footer .footer-list li a:hover{color:#64ffda}.profile-card,.profile-email,.profile-name,.profile-picture{opacity:0;animation:fadeIn .3s ease-in-out forwards}.user-profile-section{display:flex;justify-content:center;align-items:center;flex-grow:1;padding:5em 0 2em}.profile-card{background-color:rgba(0,0,0,.3);padding:1rem;border-radius:8px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 8px rgba(0,0,0,.2)}.profile-card .profile-picture{opacity:0;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;margin:0 auto 1em}.profile-card .profile-picture img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;width:150px;height:150px;overflow:hidden}.profile-card .profile-name{font-size:clamp(1.2rem,2.5vw,1.6rem);margin-bottom:1em;text-transform:uppercase}.profile-card .new-user-message{font-size:clamp(1rem,2.5vw,1.2rem);color:#fff;line-height:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.content-page-tos-privacy{opacity:0;animation:fadeIn .3s ease-in-out forwards;max-width:800px;padding:3em 1em 2em;margin:5em .6em 1em;background-color:rgba(0,0,0,.4);box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;color:#f6fff8}@media(min-width:800px){.content-page-tos-privacy{margin:5em auto 1em}}.content-page-tos-privacy .page-title{font-size:clamp(1.8rem,3vw,2rem);margin-bottom:1rem;text-align:center}.content-page-tos-privacy .page-content h2{margin-top:1.5rem;font-size:clamp(1.4rem,3vw,1.6rem);color:#64ffda}.content-page-tos-privacy .page-content li,.content-page-tos-privacy .page-content p{font-size:clamp(1.1rem,3vw,1.2rem);line-height:1.4;margin-top:.5rem}