.nav-bar{position:fixed;display:flex;flex-direction:column;align-items:center;height:98vh;width:12vw;background-color:var(--color-3);top:50%;left:0;transform:translateY(-50%);border-radius:50px;margin-left:1vh;z-index:50}.nav-logo-container{display:flex;justify-content:center;width:95%;height:auto;margin-top:var(--space-3);margin-bottom:var(--space-6);align-items:center;gap:var(--space-3);color:var(--white-1)}.nav-logo-container h1{font-size:1.5rem;font-weight:600}.nav-logo{width:75px;height:75px;border-radius:50%;padding:var(--space-1);display:flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--color-1)}.nav-bar-button{position:relative;display:flex;align-items:center;color:var(--color-5);margin-bottom:var(--space-3);width:100%;height:35px;border:none;cursor:pointer;background:none}.nav-bar-button.active{color:var(--color-2)}.nav-bar-button.active svg path{fill:var(--color-2)}.nav-bar-button.activeShare{color:var(--color-2)}.nav-bar-button.activeShare svg path{stroke:var(--color-2)!important}.on-bar-indicator{position:absolute;left:0;top:0;width:6px;height:100%;background-color:var(--color-2);border-radius:0 50px 50px 0;margin:0;padding:0;transition:top .3s ease}.nav-bar-button h2{font-size:1.2rem;font-weight:400}.nav-bar-button svg path{fill:var(--color-4)}#share-button svg path{fill:transparent;stroke-width:2.5;stroke:var(--color-4)}.nav-bar-button svg{width:35px;height:35px;margin:0 var(--space-2)}@media (max-width: 1500px){.nav-logo{width:60px;height:60px}}@media (max-width: 1000px){.nav-logo-container h1,.nav-bar-button h2{display:none}.nav-bar-button svg{width:50px;height:50px;margin:0 auto}.nav-bar-button{height:60px}.nav-logo-container{margin-bottom:var(--space-7)}.nav-logo{width:80px;height:80px}}@media (max-width: 800px){.nav-logo{width:60px;height:60px}.nav-bar{width:15vw;margin-left:0}}@media (max-width: 500px){.on-bar-indicator{display:none}}.dashboard{height:100vh;width:auto;margin-left:13vw;display:flex;flex-direction:column;padding:1vh 1vh 1vh 0;align-items:center;gap:var(--space-2)}.dashboard-top{width:100%;flex:1;display:flex;flex-direction:row;gap:var(--space-2)}.dashboard-card{width:20%;min-height:100%;background-color:var(--color-4);border-radius:50px;padding:var(--space-3);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-1) 10%,transparent 100%);opacity:.06;filter:blur(30px);pointer-events:none}.dashboard-card h2{color:var(--color-1);font-weight:500;padding:0;margin:0;font-size:2.3rem}.dashboard-card h3{color:var(--color-2);font-weight:400;font-size:5rem;line-height:85px;padding:0;margin:0}.dashboard-card p{color:var(--white-1);font-weight:300;font-size:1.5rem;margin-top:var(--space-2)}.dashboard-card p span{color:var(--color-1)}.dashboard-card.larger{width:25%}.dashboard-bottom{width:100%;flex:1;display:flex;flex-direction:row;gap:var(--space-2)}.dashboard-bottom-card{width:20%;min-height:100%;background-color:var(--color-4);border-radius:50px}.dashboard-time-btn h4{font-weight:600}.dashboard-time-btn{width:12rem;height:auto;margin:var(--space-2);border:none;border-radius:50px;color:var(--color-5);background-color:var(--color-1);font-size:.9rem;cursor:pointer;z-index:5}.dashboard-tooltip{width:5rem;height:auto;margin:var(--space-2);border:none;border-radius:50px;color:var(--color-5);background-color:var(--color-1);cursor:pointer;z-index:5}.dashboard-tooltip h4{font-size:.9rem;font-style:italic}.dashboard-tooltip:after{content:attr(data-tooltip);position:absolute;top:3rem;right:3.5rem;background-color:var(--color-1);color:var(--black-1);padding:8px 12px;border-radius:8px;font-size:.85rem;opacity:0;white-space:pre-line;pointer-events:none;transition:opacity .3s}.dashboard-tooltip:hover:after{opacity:1}@media (max-width: 1500px){.dashboard-card h2{font-size:2.3rem}.dashboard-card h3{font-size:5rem}.dashboard-card p{font-size:1.6rem}.dashboard-time-btn{font-size:1.1rem}.dashboard-tooltip h4{font-size:1.1rem;font-style:italic}}@media (max-width: 1000px){.dashboard-card h2{font-size:3rem}.dashboard-card h3{font-size:5.5rem;line-height:60px}.dashboard-card p{font-size:2rem}.dashboard-time-btn{font-size:1.3rem}.dashboard-time-btn,.dashboard-tooltip h4{font-size:1.2rem}}@media (max-width: 800px){.dashboard{height:auto;margin-left:16vw}.dashboard-top,.dashboard-bottom{flex-direction:column;height:auto}.dashboard-top-chart,.dashboard-card,.dashboard-card.larger{width:100%;height:auto}.dashboard-card h2{font-size:3.5rem}.dashboard-card h3{font-size:5.5rem;line-height:60px}.dashboard-card p{font-size:2.5rem}.dashboard-card{padding:var(--space-4)}.dashboard-time-btn{width:15rem;font-size:1.4rem}}.dashboard-top-chart{width:55%;height:100%;background-color:var(--color-4);display:flex;flex-direction:column;position:relative;border-radius:50px}.dashboard-top-chart:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-1) 0%,transparent 100%);opacity:.06;filter:blur(30px);pointer-events:none}.dashboard-top-bar-chart{width:90%;height:100%;display:flex;margin:0 auto;justify-content:space-evenly;border-radius:50px;align-items:flex-end}.dashboard-top-btn-container{height:auto;width:100%;display:flex;justify-content:space-between;flex-direction:row}.dashboard-bar-zone{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-radius:100px;width:100%;text-align:center;margin:var(--space-1);background-color:var(--color-2);transition:1.5s height ease-in-out}.dashboard-bar-zone h4{margin-top:0;color:var(--white-1);font-weight:400;font-size:1.2rem}.dashboard-bar-legend{width:90%;display:flex;justify-content:space-evenly;margin:auto;margin-top:var(--space-1)}.dashboard-bar-legend h5{color:var(--color-2);font-weight:300;font-size:1.1rem;text-align:center;margin:var(--space-1);flex:1}@media (max-width: 1500px){.dashboard-top-btn-container{padding:var(--space-2)}}@media (max-width: 800px){.dashboard-top-chart{width:100%;height:33vh}.dashboard-bar-legend h5{font-size:1.5rem}.dashboard-bar-zone p{font-size:1.4rem}}.dashboard-bottom-chart{width:80%;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;height:100%;background-color:var(--color-4);border-radius:50px;position:relative}.dashboard-bottom-btn-container{height:auto;width:100%;display:flex;justify-content:space-between;flex-direction:row}.dashboard-bottom-chart:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-1) -10%,transparent 100%);opacity:.1;filter:blur(60px);pointer-events:none}.line-chart{width:90%;height:90%;margin:0 auto;background-color:transparent;border-radius:8px}@media (max-width: 1500px){.dashboard-bottom-btn-container{padding:var(--space-2)}}@media (max-width: 800px){.dashboard-bottom-chart{width:100%;height:33vh}}.daily{height:100vh;width:auto;margin-left:13vw;display:flex;padding:1vh 1vh 1vh 0;align-items:center;gap:var(--space-3)}.daily-container-left{width:65%;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;gap:var(--space-3)}.instruct-container{flex:1;display:flex;gap:var(--space-3);position:relative;overflow:hidden}.instruct-card{flex:1;height:100%;background-color:var(--color-4);border-radius:50px;padding:var(--space-3);overflow:hidden;position:relative}.instruct-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-1) 0%,transparent 100%);opacity:.06;filter:blur(30px);pointer-events:none}.instruct-card h2{color:var(--color-2);font-size:3.5rem;font-weight:500;margin:0;margin-bottom:var(--space-3)}.instruct-card p{color:var(--white-1);font-size:1.6rem;margin:0;font-weight:300;font-family:Inter,sans-serif}.instruct-card pre{white-space:pre-wrap;color:var(--white-1);font-size:.95rem;margin:0;font-weight:300;font-family:Inter,sans-serif}.zone-container{width:100%;flex:1;position:relative;display:flex;align-items:flex-end;justify-content:space-evenly;overflow:hidden;gap:var(--space-4)}.zone-button{flex:1;height:90%;border-radius:25px;display:flex;flex-direction:column;position:relative;background-color:var(--color-4);border:none;overflow:hidden;bottom:0;transition:bottom .5s ease-in-out}.zone-button.active{bottom:var(--space-3)}.zone-button.active h4{color:var(--color-1)}.zone-button:hover{cursor:pointer;bottom:var(--space-3)}.zone-button:hover h4{color:var(--color-1)}.zone-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-1) 10%,transparent 100%);opacity:.06;filter:blur(30px);pointer-events:none}.zone-button h4{color:var(--white-1);font-weight:500;font-size:1.5rem;transition:color .5s ease-in-out}.zone-button h5{color:var(--color-2);font-weight:400;font-size:7.5rem;margin:auto 0}.daily-container-right{width:35%;height:100%;background-color:var(--color-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;overflow:hidden}.daily-submit-container{width:100%;flex:1;border-radius:50px;background-color:var(--color-4);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.daily-submit-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-1) 10%,transparent 100%);opacity:.06;filter:blur(30px);pointer-events:none}.daily-input-container{width:90%;height:50%;background-color:var(--color-3);margin:var(--space-3);border-radius:50px;display:flex;align-items:center}.daily-input{height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative}.daily-input input{width:80%;height:50%;border:none;background-color:transparent;font-size:1.3rem;font-family:Inter,sans-serif;color:var(--color-1)}.daily-input input:focus{outline:none}.daily-input input::placeholder{color:var(--color-1);font-family:Inter,sans-serif;font-weight:400}.daily-input h3{position:absolute;color:var(--white-2);top:5%;font-size:1rem;font-weight:300}.daily-input-container svg{margin:var(--space-3)}.daily-submit-button{width:40%;padding:var(--space-2) 0;background-color:var(--color-2);height:auto;color:var(--white-1);border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease-in-out}.daily-submit-button h4{margin:var(--space-0);font-size:1.25rem;font-weight:500}@media (max-width: 1500px){.instruct-card p{font-size:1.5rem}.instruct-card pre{font-size:1.1rem}.zone-button h5{font-size:9rem}}@media (max-width: 1000px){.instruct-card h2{font-size:3.5rem;margin:var(--space-3) 0}.instruct-card p{font-size:2rem}.instruct-card pre{font-size:1.5rem}.daily-submit-button{width:60%;margin:var(--space-3);padding:var(--space-3) 0}.daily-submit-button h4{font-size:1.5rem}.daily-input h3{font-size:1.25rem}.daily-input input{font-size:1.5rem}}@media (max-width: 800px){.daily{flex-direction:column;height:auto;margin-left:16vw}.daily-container-left,.daily-container-right{width:100%;height:auto}.instruct-container{height:100%;flex:none}.instruct-card{height:auto;padding:var(--space-4)}.zone-container{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);flex:none;padding:var(--space-3)}.zone-button{width:auto;height:auto;flex:none}.zone-button h4{margin:var(--space-2)}.daily-submit-container{height:30vh;flex:none;padding:var(--space-4) 0}.daily-submit-button{margin:var(--space-4);padding:var(--space-4) 0}.daily-input h3{font-size:1.5rem}.daily-input input{font-size:2rem}}.share-container{height:auto;width:auto;margin-left:13vw;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:1vh 1vh 1vh 0}.share-item{height:30vh;background-color:var(--color-4);border-radius:35px;position:relative;padding:var(--space-3);overflow:hidden}.share-item h2{color:var(--color-2);font-weight:500;font-size:3rem;margin:0;margin-bottom:var(--space-3)}.share-item ul{padding:0;margin:var(--space-5);margin-left:var(--space-2)}.share-item li{color:var(--white-2);font-size:1.3rem;font-family:Inter,sans-serif;font-weight:300}.share-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-1) 10%,transparent 100%);opacity:.06;filter:blur(30px);pointer-events:none}.share-button-container{width:12.5vw;height:120px;position:absolute;display:flex;align-items:center;z-index:10;bottom:0;right:0;background-color:var(--color-4);justify-content:center;margin:1vh;border-radius:30px;transition:right .3s ease}.share-button{flex:1;height:80%;border-radius:20px;background-color:var(--color-3);border:none;left:0;flex-shrink:0;z-index:5;position:relative;padding:0;margin:var(--space-1);transition:left .6s ease}.share-button svg{width:80%;height:80%}.share-button svg path{stroke:var(--color-1);stroke-width:1}.share-button.active{left:50%}.share-button-text{flex:1;height:80%;display:flex;position:relative;justify-content:center;align-items:center;margin:var(--space-1);transition:transform .6s ease}.share-button-text h3{color:var(--white-1);font-weight:500;font-size:.8rem}.share-button-text.active{transform:translate(-100%)}@media (max-width: 1000px){.share-container{grid-template-columns:repeat(3,1fr)}.share-item{padding:var(--space-4)}.share-item h2{font-size:4rem}.share-item li{font-size:1.8rem;margin-left:0;margin-right:0}.share-button-container{width:25vw;height:150px}.share-button-text h3{font-size:1.3rem}.share-button-text,.share-button{margin:var(--space-2)}}@media (max-width: 800px){.share-container{grid-template-columns:repeat(2,1fr);margin-left:16vw}.share-button-container{width:40vw;height:150px}.share-button-text h3{font-size:1.5rem}}.login-section{width:100%;height:100vh;display:flex;align-items:center;justify-content:row;justify-content:center;background-color:var(--color-5s)}.login-welcome-section{flex:1;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-welcome-section svg{position:absolute;width:100%;height:100%}.login-welcome-section h2{position:relative;color:var(--white-1);font-weight:700;font-size:7.5rem;text-align:center;z-index:5}.welcome-overlay{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,hsla(0,0%,0%,.5) 0%,transparent 90%);opacity:.6;filter:blur(30px);z-index:1}.login-container{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.login-form-section{padding:var(--space-6);border-radius:50px;width:30vw;height:auto;position:relative;display:flex;flex-direction:column;align-items:flex-start}.login-form-section h3{color:var(--color-1);font-weight:700;font-size:2.5rem;margin-bottom:var(--space-1);text-align:center}.login-form-section p{color:var(--white-1);margin:0;font-size:1.3rem;margin-bottom:var(--space-4);font-weight:400}.login-form{display:flex;flex-direction:column;text-align:left;width:100%;border:none}.login-form h4{color:var(--color-2);margin:0;margin-bottom:var(--space-1);margin-left:var(--space-2);font-size:1.25rem;font-weight:500}.login-form input{padding:var(--space-2);font-size:1.25rem;border:none;color:var(--white-1);margin-bottom:var(--space-3);background-color:var(--color-3);border-radius:25px;z-index:5}.login-form h5{color:var(--white-1);font-weight:500;font-size:1rem;margin-bottom:var(--space-2);cursor:pointer}.login-form span{color:var(--color-1)}.login-form input:focus{outline:none;box-shadow:0 0 8px #0003}.login-form button{border:none;background-color:var(--color-1);font-size:1.25rem;color:var(--white-2);padding:var(--space-2);border-radius:25px;cursor:pointer}.login-form button h4{margin:auto;font-weight:600;color:var(--white-1)}.form-btn-error{transition:background-color .3s ease;background-color:red!important;color:var(--white-2)}@media (max-width: 1500px){.login-form-section{width:35vw}.login-form-section h3{font-size:2.8rem}.login-form-section p,.login-form h4,.login-form input{font-size:1.5rem}}@media (max-width: 1000px){.login-form-section{width:40vw}.login-form-section h3{font-size:3.5rem}.login-form-section p{font-size:2rem;margin-bottom:var(--space-6)}.login-form h4,.login-form input{font-size:2rem}.login-form input{padding:var(--space-3)}.login-form h5{font-size:1.5rem}.login-form button{font-size:2rem;padding:var(--space-3)}}@media (max-width: 800px){.login-form-section{width:50vw;padding:var(--space-3)}.login-welcome-section h2{font-size:5rem}}.landing-page{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:center;height:100vh;width:100%;background-color:#fff;overflow:hidden}.landing-background-svg{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:0;transform:scale(1.02)}.landing-content{z-index:1;color:var(--black-2);padding:var(--space-4)}.landing-content h2{font-size:1.5rem;color:var(--color-1);margin:0;margin-bottom:var(--space-2)}.landing-content h1{font-size:4rem;color:var(--white-1);margin:0;margin-bottom:var(--space-2)}.landing-content h3{font-size:3rem;color:var(--white-1);font-weight:600;margin:0;margin-bottom:var(--space-5)}.landing-content p{font-size:1.5rem;color:var(--white-2);max-width:850px}.primary-action-btn{display:block;margin-left:auto;margin-right:-50px;width:auto;height:auto;font-size:1.25rem;background-color:var(--color-5);padding:var(--space-3);border:none;border-radius:25px;color:var(--color-1);cursor:pointer;transition:color .45s,background-color .45s ease-in-out}.primary-action-btn:hover{background-color:var(--color-1);color:var(--color-5)}@media (max-width: 1000px){.landing-content{width:75%}.landing-content h2{font-size:2rem}.landing-content h1{font-size:5rem}.landing-content h3{font-size:4rem}.landing-content p{font-size:2rem}.primary-action-btn{font-size:2rem;padding:var(--space-4)}}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--color-5)}html{line-height:1.6}*{box-sizing:border-box}h1,h2,h3,h4,h5{line-height:1.2;font-family:Poppins,sans-serif}:root{--white-1: #f5f5f5;--white-2: #dfdfdf;--black-1: #1c1c1c;--black-2: #333333;--color-1: #00df82;--color-2: #2cc295;--color-3: #03624c;--color-4: #032221;--color-5: #021b1a;--light-1: rgb(0, 223, 130, .09);--space-0: .25rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 4rem}@media (min-width: 2000px){html{font-size:20px}}@media (max-width: 1500px){html{font-size:13px}}@media (max-width: 1300px){html{font-size:11px}}@media (max-width: 1000px){html{font-size:9px}}@media (max-width: 600px){html{font-size:7px}}