:root{font-family:Poppins,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#f2f2f2}a{text-decoration:none;color:inherit}a:hover{color:#f26f27;transition:.2s}input,select,textarea,option{font-family:Poppins,sans-serif;width:100%;padding:1rem;border:1px solid #707070;border-radius:1rem;color:inherit;background:none;font-size:16px}textarea{height:300px}button,input[type=submit],input[type=reset]{background:#f2f2f2;color:#323232;border:none;border-radius:30px;padding:1rem 2rem;font:inherit;cursor:pointer}button:hover{color:#e9ecef;background:#f26f27;transition:.3s}*{padding:0;margin:0;box-sizing:border-box}hr{width:100%;border:1px solid #707070}.textOverflow{overflow:hidden}li{list-style-type:none}.sr-only{display:none}.textLight{font-weight:200;transition:font-weight .5s}.textRegular{font-weight:500;transition:font-weight .5s}.textBold{font-weight:700;transition:font-weight .5s}.textExtraBold{font-weight:900;transition:font-weight .5s}.textXXXS{font-size:14px}@media screen and (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}p,li,a,button{font-size:.875rem}blockquote{font-size:1rem}small,.textXXS{font-size:.75rem}.textXS{font-size:.875rem}.textS{font-size:1rem}.textM{font-size:1.25rem}.textL{font-size:1.5rem}.textXL{font-size:2rem}.textXXL{font-size:3rem}.textXXXL{font-size:4rem}}@media screen and (min-width: 481px) and (max-width: 1024px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p,li,a,button{font-size:1rem}blockquote{font-size:1.125rem}small,.textXXS{font-size:.875rem}.textXS{font-size:1rem}.textS{font-size:1.25rem}.textM{font-size:1.5rem}.textL{font-size:1.75rem}.textXL{font-size:2.25rem}.textXXL{font-size:3.5rem}.textXXXL{font-size:5.625rem}}@media screen and (min-width: 1025px) and (max-width: 1680px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6,p,li,a,button{font-size:1rem}blockquote{font-size:1.25rem}small{font-size:.875rem}.textXXS{font-size:1rem}.textXS{font-size:1.25rem}.textS{font-size:1.5rem}.textM{font-size:1.75rem}.textL{font-size:2.25rem}.textXL{font-size:3rem}.textXXL{font-size:4rem}.textXXXL{font-size:5.625rem}}@media screen and (min-width: 1681px){h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p,li,a,button{font-size:1rem}blockquote{font-size:1.5rem}small{font-size:1rem}.textXXS{font-size:1.125rem}.textXS{font-size:1.375rem}.textS{font-size:1.625rem}.textM{font-size:2rem}.textL{font-size:2.75rem}.textXL{font-size:3.5rem}.textXXL{font-size:5rem}.textXXXL{font-size:8.125rem}}*{line-height:125%}.sectionLight{background-color:#f2f2f2;color:#323232;transition:.5s}.sectionDark{background-color:#141414;color:#fff;transition:.5s}.sectionDarkGradient{background:linear-gradient(145deg,#000 0% 100%)}.sectionBackground{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;color:#fff}@media screen and (max-width: 1024px){.sectionBackground{background-attachment:scroll}}.sectionBackgroundBlur{z-index:1}@media screen and (max-width: 1024px){.sectionBackgroundBlur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.sectionBackgroundBlur:before{content:"";background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:182px;opacity:.12;top:0;left:0;position:absolute;width:100%;height:100%;z-index:-1}.sectionWrapper{display:flex;justify-content:center;min-height:fit-content;max-width:1366px;margin:auto;padding:5rem 3rem;overflow:hidden}@media screen and (max-width: 1024px){.sectionWrapper{padding:3rem 1rem}}.sectionContent{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;gap:4rem}.loginFormWrapper{height:100vh;align-items:center}.loginFormWrapper .loginFormContainer{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:3rem;width:450px;height:fit-content;padding:2rem;background-color:#323232;border-radius:30px}@media screen and (max-width: 768px){.loginFormWrapper .loginFormContainer{padding:1rem}}.loginFormWrapper .loginFormContainer .loginFormHeader{display:flex;flex-direction:column;gap:1rem;text-align:center;width:80%;align-self:center}.loginFormWrapper .loginFormContainer .loginFormHeader .loginFormLogo{width:40px;align-self:center}.loginFormWrapper .loginFormContainer .form-group{display:flex;flex-direction:column;gap:1rem}.loginFormWrapper .loginFormContainer .form-group .form-label{display:flex;align-items:center;gap:.7rem}.loginFormWrapper .loginFormContainer .form-group .form-group-password{display:flex}.loginFormWrapper .loginFormContainer .form-group .form-group-password .toggle-password{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0 1rem;border-radius:0 1rem 1rem 0;border:1px solid #707070;border-left:none;background-color:#707070;transition:.3s}.loginFormWrapper .loginFormContainer .form-group .form-group-password .toggle-password:hover{background-color:#f26f27;transition:.3s}.loginFormWrapper .loginFormContainer .form-group .form-group-password #password{border-radius:1rem 0 0 1rem}.loginFormWrapper .loginFormContainer .loginButton{display:flex;justify-content:center;gap:.5rem}.transition-circle{position:fixed;width:1000px;height:1000px;bottom:2rem;right:2rem;background-color:#f26f27;border-radius:50%;z-index:9999;pointer-events:none}@media screen and (max-width: 1024px){.transition-circle{width:500px;height:500px}}.messageUI{display:flex;justify-content:center;align-items:center;gap:.5rem;position:fixed;top:2rem;left:0;right:0;margin:auto;width:fit-content;background-color:#dee2e6;color:#323232;padding:1rem;border-radius:1rem;z-index:2000}.messageUI.error{color:#fff;background-color:#f44d4d;border:1px solid #f11a1a}.messageUI.success{color:#fff;background-color:#68d8bb;border:1px solid #3ccaa8}.messageUI.loading{color:#323232;background-color:#ffd64d;border:1px solid #ffcb1a}.messageUI.info{color:#fff;background-color:#4dccea;border:1px solid #1abee4}.loadingIcon{display:flex;justify-content:center;align-items:center}.navbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:fit-content;padding:.7rem 1rem;border-bottom:1px solid #323232}.navbar .navbarSegment{display:flex;justify-content:center;align-items:center;gap:.5rem}.navModal{position:fixed;top:0;right:0;z-index:1600;display:flex;flex-direction:column;justify-content:space-between;height:100dvh;width:250px;padding:1rem;border-left:1px solid #323232;overflow-y:scroll}.navModal::-webkit-scrollbar{width:4px}.navModal::-webkit-scrollbar-track{background:transparent}.navModal::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.navModal::-webkit-scrollbar-thumb:hover{background-color:#fff6}.navModal .navModalSegment{display:flex;flex-direction:column;width:100%;gap:.5rem}.navModal .navModalSegment .navModalButtons{display:flex;justify-content:end;gap:.5rem}.navModal .navModalSegment .navModalProfile{display:flex;flex-direction:column;gap:.3rem;padding-bottom:1rem;border-bottom:1px solid #323232}.navModal .navModalSegment .navModalLink{display:flex;justify-content:start;gap:.5rem;padding:.8rem;border-radius:15px;width:100%}.navModal .navModalSegment .navModalLink:hover{background-color:#323232}.navModalButton{display:flex;align-self:end;background:#323232;color:#fff;padding:.5em;border-radius:50%}.logoutButton{display:flex;gap:.5rem;justify-content:center}.profileCard{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;text-align:start;width:100%}.profileCard .profilePhoto{width:150px;height:150px;background-color:#323232;border-radius:50%}.profileCard .profileSection{display:flex;width:100%;gap:3rem}@media screen and (max-width: 768px){.profileCard .profileSection{flex-direction:column}}.profileCard .profileSection h2{width:30%}@media screen and (max-width: 768px){.profileCard .profileSection h2{width:100%}}.profileCard .profileSection .profileDetails{display:flex;flex-direction:column;gap:1rem}.profileCard .profileSection .profileDetails .profileLabel{width:100%}option{background:#323232;color:#fff}
