@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary: #387ADF;--secondary: #333A73;--accent: #FCA21B;--white: #ffffff;--light: #F5F5F5;--darker-light: #eee6e6;--title: rgb(12, 12, 12);--text: rgb(48, 45, 45);--title-size: clamp(2rem, 4vw, 4rem);--subtitle-size: clamp(1.5rem, 2.5vw, 2.5rem);--text-size: clamp(1rem, 1.5vw, 1.125rem);--text-1-size: clamp(1.1rem, 1.7vw, 2rem);--smalltext-size: clamp(.825rem, 1vw, 1rem);--weight-lg: 800;--weight-md: 600;--weight-sm: 500}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,sans-serif;font-size:var(--text-size);font-weight:var(--weight-sm);list-style:none;text-decoration:none}body,#root{width:100%}.flex{display:flex;align-items:center;gap:1rem}.column{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:1rem}.text{font-size:var(--text-size);color:var(--text);font-weight:var(--weight-sm);line-height:130%}.user-app{width:100%;height:100vh;height:100dvh;min-height:100vh;max-height:100vh;background-color:var(--light);overflow:hidden;display:flex;justify-content:space-between;align-items:start}.page-container{position:relative;right:0;top:0;z-index:20;width:clamp(80,100%,90%);min-width:87%;height:100%;min-height:100%}@media (max-width: 770px){.page-container{min-width:100%!important;width:100%!important}}.user-app nav{-webkit-user-select:none;user-select:none;position:relative;height:100%;z-index:100;width:auto;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1rem;background-color:var(--white)}nav .menus{width:100%;display:flex;flex-direction:column;gap:.5rem}nav .menus svg path{color:var(--primary)}nav .menus span{color:var(--text);font-weight:var(--weight-sm);font-size:var(--text-size);opacity:.8}nav .menus .menu{position:relative;display:flex;justify-content:start;align-items:center;gap:.5rem;padding:.7rem 1.8rem;cursor:pointer}nav .menus .menu:hover{background-color:var(--light)}nav .menus .menu.active{background-color:var(--light)}nav .menus .menu.active span{opacity:1!important;color:var(--title)}nav .menus .menu.active:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:10px;height:100%;background-color:var(--primary);border-top-right-radius:8px;border-bottom-right-radius:8px}nav .nav-header{padding:1rem;gap:.5rem}nav .nav-header a img{width:clamp(32px,5vw,5rem)}nav .nav-header button{padding:.5rem .5rem .2rem;border:none;outline:none;background:none;display:none}@media (min-width: 770px){nav{position:relative;left:0%!important}}@media (max-width: 770px){nav{transition-duration:.3s;position:fixed!important;padding-top:.5rem}.menus .menu span{display:none}nav .nav-header{display:flex;flex-direction:column-reverse;gap:1rem;justify-content:start;align-items:center}nav .nav-header button{display:block}}#home{width:100%;height:100%;padding:clamp(2%,2%,3%);display:flex;flex-direction:column;gap:1rem}.home-header{width:70%;padding:.5rem;border-radius:12px;background-color:var(--white);display:flex;align-items:center;justify-content:start;gap:1rem}.home-header .menu-button{border:none;outline:none;background:none;cursor:pointer;padding:.5rem .5rem .4rem;display:none}.home-header .search-feild{margin-left:auto;padding:.65rem 1rem;display:flex;align-items:center;justify-content:start;background-color:var(--light);border-radius:12px}.home-header .search-feild input{background:none;outline:none;border:none}.home-header .search-feild input::placeholder{font-size:.875rem}.home-header .search-feild svg{cursor:pointer}.home-header .home-avatar{width:clamp(2rem,3.3vw,3rem);aspect-ratio:1;border-radius:50%;overflow:hidden;cursor:pointer}.home-header .home-avatar img{width:100%;height:100%;object-fit:cover}.home-header .start-test-button{padding:.7rem clamp(1.3rem,3vw,2rem);white-space:nowrap;background-color:var(--primary);border-radius:12px;font-size:var(--text-size);font-weight:var(--weight-md);color:var(--white);cursor:pointer;transition-duration:.2s;-webkit-user-select:none;user-select:none}.home-header .start-test-button:hover{box-shadow:4px 4px 0 var(--secondary);transform:translate(-2px,-4px)}.home-header .start-test-button:active{transform:translate(0);box-shadow:none}.home-results{position:absolute;right:.5rem;top:0;margin-top:1rem;padding:1rem;width:calc(30% - 1rem);height:calc(100% - 2rem);background-color:var(--white);border-radius:12px;max-height:700px}.home-results h2{position:relative;z-index:10;font-size:var(--text-1-size);font-weight:var(--weight-md);color:var(--text);margin-bottom:.2rem}.home-results .empty-result{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:9;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-results .empty-result img{width:clamp(30%,45%,50%);aspect-ratio:1s;opacity:.6}.home-results .empty-result p{font-size:.875rem;color:var(--text);opacity:.8}.home-main-content{width:70%;height:100%;border-radius:12px;display:flex;gap:1rem}.home-explore,.home-goals{width:40%;height:100%;background-color:var(--white);border-radius:12px;padding:.5rem}.home-explore h2,.home-goals h2{font-size:clamp(1.3rem,2vw,2rem);font-weight:var(--weight-md);color:var(--title)}.home-explore{width:60%;background-color:var(--light)}.home-explore .home-careers{display:flex;flex-direction:column;gap:.65rem}.home-explore .home-careers .career-label{width:100%;display:flex;justify-content:space-between;align-items:center}.home-explore .home-careers .career-label h2{font-size:var(--text);color:var(--text);font-weight:var(--weight-sm)}.home-explore .home-careers .career-label .view-more{font-size:.65rem;padding:.3rem .5rem;background-color:var(--white);border-radius:8px;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--text);transition-duration:.2s}.home-explore .home-careers .career-label .view-more:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--secondary)}.home-explore .home-careers .career-card{width:100%;padding:.4rem;background-color:var(--white);border-radius:6px;box-shadow:0 0 12px 1px var(--darker-light);transition-duration:.1s;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;gap:.5rem;justify-content:start}.home-explore .home-careers .career-card img{width:25px;aspect-ratio:1;object-fit:contain}.home-explore .home-careers .career-card .info{gap:0}.home-explore .home-careers .career-card .info .career-name{font-size:clamp(.875rem,1vw,1rem);font-weight:var(--weight-md)}.home-explore .home-careers .career-card .info .education{gap:.5rem}.home-explore .home-careers .career-card .info .education .edu{font-size:.75rem;color:var(--text);opacity:.8}.home-explore .home-careers .career-card:hover{background-color:var(--light)}.home-explore .career-trends{position:relative;margin-bottom:1rem}.home-explore .career-trends h2{font-size:var(--text);color:var(--text);font-weight:var(--weight-sm);margin-bottom:.3rem}.home-explore .career-trends h2 span{color:var(--secondary)}.home-explore .career-trends .career-trends-card-container{width:100%;max-width:100%;display:flex;justify-content:start;align-items:center;overflow-x:scroll;gap:1rem;scroll-snap-type:x mandatory;transition:all .3s ease}.home-explore .career-trends .career-trends-card-container .career-trend-card{-webkit-user-select:none;user-select:none;width:100%;min-width:100%;height:150px;padding:1rem;background-color:var(--white);border-radius:8px;scroll-snap-align:start;display:flex;gap:.7rem}.home-explore .career-trends .career-trends-card-container .career-trend-card img{width:200px;aspect-ratio:1;object-fit:cover;border-radius:4px}.home-explore .career-trends .career-trends-card-container .career-trend-card .info .career-name{font-weight:var(--weight-md);line-height:100%;margin-bottom:.2rem}.home-explore .career-trends .career-trends-card-container .career-trend-card .info .salary,.home-explore .career-trends .career-trends-card-container .career-trend-card .info .salary span{font-size:clamp(.65rem,1vw,875rem)}.home-explore .career-trends .career-trends-card-container .career-trend-card .info .salary span,.home-explore .career-trends .career-trends-card-container .career-trend-card .info .salary span span{color:var(--accent)}.home-explore .career-trends .career-trends-card-container::-webkit-scrollbar{display:none}.home-explore .career-trends button{position:absolute;width:35px;display:flex;justify-content:center;align-items:center;background-color:var(--primary);outline:none;border:none;aspect-ratio:1;border-radius:50%;cursor:pointer}.home-explore .career-trends .arrow-left{top:50%;left:-15px}.home-explore .career-trends .arrow-left svg{margin-right:.2rem}.home-explore .career-trends .arrow-right{top:50%;right:-15px}.home-explore .career-trends .arrow-right svg{margin-left:.2rem}@media (max-width: 770px){.home-header{position:fixed;z-index:90;width:94%;margin:0 auto;gap:.5rem;padding:.5rem}.home-header .menu-button{display:block}.search-feild{aspect-ratio:1}.search-feild svg{scale:1.1}.search-feild input{display:none}#home{padding:3%;height:100vh!important;min-height:100vh!important;display:flex!important;flex-direction:column;gap:.2rem!important;overflow-y:auto}.home-results{margin-top:20%;position:relative!important;top:0;right:0;bottom:0;left:0;width:100%;height:auto}.home-results .empty-result{position:relative;padding-bottom:1rem}.home-results .empty-result img{width:35%}.home-main-content{width:100%;flex-direction:column}.home-main-content>*{padding:1rem;width:100%!important}}#landing-page{width:100%}#landing-page nav{width:100%;position:fixed;top:0;left:0;z-index:100;padding:3rem 10%;justify-content:start;animation:navAnimation linear forwards;animation-timeline:view();animation-range:100vh 120vh}#landing-page nav .logo img{width:clamp(36px,4vw,3.5rem)}#landing-page nav ul{position:static;margin-left:10%;gap:1.5rem}#landing-page nav ul li{position:relative;padding:.3rem}#landing-page nav ul li a{color:var(--title)}#landing-page nav ul li:not(ul li:last-child):before{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0%;height:5px;background-color:var(--primary);border-radius:10px;transition-duration:.3s;content:""}#landing-page nav ul li:not(ul li:last-child):hover:before{width:100%}#landing-page nav .menu-btn{outline:none;background:none;border:none;display:none}@keyframes navAnimation{to{padding-block:.2rem;background-color:var(--light);justify-content:space-between;border-bottom:1px solid var(--white)}}#landing-page .cta{padding:.7rem 1.5rem;background-color:var(--primary);color:var(--white);border-radius:12px;transition-duration:.3s;cursor:pointer;box-shadow:2px 2px 12px 2px #dfd6d6}#landing-page .cta.accent{background-color:var(--accent)}#landing-page .cta:hover{box-shadow:5px 5px 0 var(--secondary);transform:translate(-2px,-4px)}#landing-page .cta.accent:hover{box-shadow:5px 5px 0 var(--primary)}.hero{width:100%;height:100vh;height:100dvh;min-height:100vh;position:relative;padding:11% 10%;z-index:50;background-color:var(--white);box-shadow:0 8px 12px #5a535340}.hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;-webkit-user-select:none;user-select:none}.hero .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.8}.hero .left{position:relative;z-index:10;gap:1.5rem}.hero .left h1{font-size:var(--title-size);max-width:22ch;color:var(--title);font-weight:var(--weight-lg);line-height:100%}.hero .left .text{max-width:40ch}.hero .left .eye-brow,.hero .left .eye-brow span{transform:translateY(1rem);font-weight:var(--weight-md);color:var(--primary);font-size:clamp(1rem,2vw,1.5rem)}.hero .left .eye-brow span,.hero .left .eye-brow span span{color:var(--accent)}.registration{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:110;overflow:hidden;background-color:#0009;display:flex;align-items:center;justify-content:center}.registration .registration-container{position:relative;width:80%;height:80%;max-height:600px;border-radius:22px;box-shadow:10px 10px 0 var(--secondary);background-color:var(--white);overflow:hidden;gap:0;animation:scaledIn .2s ease-in-out forwards}.registration .registration-container .right{flex:1 0 200px;height:100%}.registration .registration-container .right img{width:100%;height:100%;object-fit:cover;opacity:.8}.registration .registration-container .left{flex:1 0 200px;height:100%}.registration .registration-container .close-registration{position:absolute;top:1rem;right:1rem;z-index:110;cursor:pointer}.t{height:200vh}#about-us{width:100%;height:100vh;padding:clamp(5rem,8vw,8rem) 10%;justify-content:space-between;background-color:var(--light);gap:2rem!important}#about-us .about{opacity:0;animation:fadeIn ease-in-out 1s forwards;animation-timeline:view();animation-range:entry}#about-us .about h2{font-size:var(--title-size);font-weight:var(--weight-lg);text-shadow:8px 8px 8px var(--light)}#about-us .about .eye-brow,#about-us .about .eye-brow span{font-weight:var(--weight-md);font-size:var(--subtitle-size)}#about-us .about .eye-brow span:first-child,#about-us .about .eye-brow span span:first-child{color:var(--primary)}#about-us .about .eye-brow span:last-child,#about-us .about .eye-brow span span:last-child{color:var(--accent)}#about-us .about .eye-brow span{animation:shake .3s ease infinite both;animation-delay:.5s}#about-us .about .message{font-weight:var(--weight-md);color:var(--text)}#about-us .about .cta:hover{box-shadow:5px 5px 0 var(--accent)}#about-us .illustration{width:70%;height:100%;position:relative;z-index:10}#about-us .illustration img{position:absolute;left:0;top:0;z-index:10;transform:translateY(-90%);width:100%;animation:aboutanimation linear forwards;animation-timeline:view();animation-range:entry}#about-us .text{max-width:60ch;color:var(--text)}@keyframes aboutanimation{to{transform:translateY(-10%)}}@keyframes updown{0%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes scaledIn{0%{scale:0}70%{rotate:3deg}80%{rotate:-3deg}90%{rotate:3deg}to{scale:1;rotate:0deg}}.discover{position:relative;z-index:50;background-color:var(--white);width:100%;max-width:100%;padding:10%;box-shadow:0 -8px 12px #5a535340;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.discover>*{opacity:0;animation:fadeIn ease-in-out 1s forwards;animation-timeline:view();animation-range:entry}.discover .card{position:relative;height:300px;border-radius:8px;gap:.5rem;transition:all .3s ease;overflow:hidden}.discover .card>h3{font-size:var(--subtitle-size);font-weight:var(--weight-md);line-height:100%}.discover .card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8;border-radius:8px;transition-duration:.4s}.discover .card .labels{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.discover .card .labels h3{color:var(--white);font-size:var(--title-size);font-weight:var(--weight-sm);text-align:center;transition:all .3s ease}.discover .card:first-child{padding:.5rem}.discover .card:not(.card:first-child){background-color:var(--secondary)}.discover .card:nth-child(2){grid-column:span 3}.discover .card:nth-child(4){grid-column:2 / 4;grid-row:1 / 2}.discover .card:nth-child(3){grid-column:3 / 4;grid-row:3 / 4}.discover .card:nth-child(5){grid-column:1 / 3}.discover .card:not(.card:first-child):hover{z-index:10;box-shadow:5px 5px 0 2px var(--accent)}.discover .card:not(.card:first-child):hover h3{opacity:0}.discover .card:not(.card:first-child):hover img{opacity:1;scale:1.1}#contact-us{align-items:center!important;width:100%;padding:5% 10% 8%;background-color:var(--light);background:#fff;background:radial-gradient(circle,#fff,#f5f5f5)}#contact-us h4{position:relative;font-size:var(--title-size);font-weight:var(--weight-lg);text-align:center;margin-bottom:clamp(1rem,3vw,3rem);color:var(--primary)}#contact-us h4:before{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:1rem;background-color:var(--accent);border-radius:4px}#contact-us .team{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}#contact-us .team>*{opacity:0;animation:fadeIn ease-in-out 1s forwards;animation-timeline:view();animation-range:entry}#contact-us .team .team-card{overflow:hidden;position:relative;height:500px;border-radius:16px}#contact-us .team .team-card .team-avatar{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:9}#contact-us .team .team-card .team-avatar img{width:100%;height:100%;object-fit:cover;transition-duration:.3s}#contact-us .team .team-card .team-information{width:100%;position:absolute;z-index:15;bottom:-4rem;left:0;padding:1rem;border-top-left-radius:16px;border-top-right-radius:16px;transition-duration:.3s;background-color:#fff3}#contact-us .team .team-card .team-information .normal{margin-bottom:2rem}#contact-us .team .team-card .team-information .normal .team-name{font-size:var(--subtitle-size);font-weight:var(--weight-md);line-height:100%;color:var(--white);margin-bottom:.5rem}#contact-us .team .team-card .team-information .normal .team-role{color:var(--light)}#contact-us .team .team-card .team-information .active{display:flex;gap:1rem}#contact-us .team .team-card .team-information .active svg{width:32px;height:32px}#contact-us .team .team-card .team-information .active svg:hover path{fill:var(--accent)}#contact-us .team .team-card:hover .team-avatar img{scale:1.1}#contact-us .team .team-card:hover .team-information{bottom:0;background-color:var(--primary);border-top-left-radius:36px;border-top-right-radius:36px}.sponsor{width:100%;position:relative;padding:5rem 10%;background-color:var(--secondary)}.sponsor img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:10}.sponsor .message{position:inherit;z-index:15;justify-content:space-between}.sponsor .message h4{font-size:var(--title-size);font-weight:var(--weight-lg);color:var(--light);line-height:110%;max-width:20ch}.sponsor .message .cta{white-space:nowrap;background-color:var(--accent)!important}.footer{width:100%;padding:7% 10%;background-color:#1a1f3f;justify-content:space-between}.footer .cta{box-shadow:none!important}.footer .cta:hover{box-shadow:4px 4px 0 var(--accent)!important}.footer .footer-nav{gap:2rem}.footer .footer-nav>a img{width:clamp(36px,4vw,3.5rem)}.footer .footer-nav .nav{gap:2rem}.footer .footer-nav .nav a{color:var(--white)}.footer .footer-nav .copyright{color:var(--light);font-weight:400;opacity:.8}.footer .footer-links{align-items:start!important;gap:2rem}.footer .footer-links h5{font-weight:var(--weight-sm);font-size:var(--text);color:var(--light);margin-bottom:.5rem}.footer .footer-links .links{gap:.5rem}.footer .footer-links .links a,.footer .footer-links .links div{color:var(--light);opacity:.8;cursor:pointer;font-weight:var(--weight-sm)}.footer .footer-links .links>a:hover,.footer .footer-links .links>div:hover{text-decoration:underline}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1200px){.hero{padding:25% 10%!important}#landing-page nav{justify-content:space-between}#about-us{height:65vh}.discover .card{height:200px;justify-content:center;align-items:center;text-align:center;grid-column:1 / 2!important}}.mobile-nav-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;width:100%;height:100%;background-color:#0009}@media (min-width: 1250px){#landing-page nav ul{position:static}}@media (max-width: 770px){#landing-page nav ul{margin-left:0!important;position:fixed;top:25%;left:50%;z-index:99;transform:translate(-50%);width:80%;padding:1rem;border-radius:12px;flex-direction:column;gap:1rem;transition-duration:.3s;background-color:var(--white)}#landing-page nav ul li{width:100%;padding-block:1rem;text-align:center}#landing-page nav ul li .cta{justify-content:center}#landing-page nav .menu-btn{display:block}.hero{padding:30% 10%!important}.registration-container{width:90%!important;position:relative;height:60%!important;flex-direction:column-reverse;align-items:center!important;justify-content:center!important;overflow:hidden}.registration-container .right{display:none}.registration-container .left{padding:.5rem;position:absolute;z-index:109;bottom:1rem;left:50%;top:50%;transform:translate(-50%,-50%);height:auto!important;width:100%;height:100%!important;background:var(--white)!important;gap:.3rem}#about-us{height:80vh;padding:3rem 10%;flex-direction:column-reverse!important;justify-content:center!important;align-items:center!important;gap:2rem}#about-us .about{justify-content:center!important;align-items:center!important;text-align:center}#about-us .illustration{width:100%;left:1%!important;z-index:0;opacity:.2}.team-card{height:350px!important}.message{flex-direction:column!important;justify-content:center!important;text-align:center;gap:clamp(1rem,3vw,3rem)}.footer,.links,.footer-links,.footer-nav{flex-direction:column;justify-content:center!important;align-items:center!important;text-align:center;margin:0 auto}.footer-nav{margin-bottom:2rem}.footer-nav a img{width:70px!important}}@media (max-width: 400px){.registration-container{height:70%!important}}.log-in-page{position:relative;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:1rem;transform:translate(-500px);animation:log-in-entry ease-in .3s forwards;justify-content:center!important;align-items:center!important;gap:.5rem}.log-in-page label{font-size:var(--text-size);font-weight:var(--weight-md);color:var(--text);text-indent:8px}.log-in-page input{border:none;background:none;outline:none;font-size:1rem;width:30ch;font-weight:var(--weight-sm);color:var(--text)}@keyframes log-in-entry{0%{transform:translate(-500px);opacity:0}to{transform:translate(0);opacity:1}}.email-input,.input-password{gap:.3rem}.email-input .email-main-input,.email-input .password-main-input,.input-password .email-main-input,.input-password .password-main-input{display:flex;align-items:center;gap:.6rem;padding:.4rem .7rem;border-radius:12px;border:1px solid var(--secondary);background-color:var(--light);width:350px}.email-input .password-main-input .show-password,.input-password .password-main-input .show-password{margin-left:auto}.email-input .email-main-input input::placeholder,.input-password .email-main-input input::placeholder{font-size:1rem}.email-input .show-password,.input-password .show-password{cursor:pointer}.email-input .forgot-password,.input-password .forgot-password{font-size:1rem;font-weight:var(--weight-md);text-decoration:underline;color:var(--secondary);cursor:pointer;text-indent:8px;-webkit-user-select:none;user-select:none}.log-in-option{margin-top:.5rem;-webkit-user-select:none;user-select:none;gap:.5rem;text-align:center;justify-content:center!important;align-items:center!important}.log-in-option .log-in-button{padding-block:.4rem;background-color:var(--primary);color:var(--white);width:350px;border-radius:12px;cursor:pointer;transition-duration:.3s;-webkit-user-select:none;user-select:none;font-size:var(--text-size);font-weight:var(--weight-md)}.log-in-option .log-in-button:hover{box-shadow:4px 4px 0 var(--accent);transform:translate(-2px,-6px)}.log-in-option .log-in-button:active{opacity:.8;transform:translate(0);box-shadow:none}.log-in-option .change-registration-option,.log-in-option .change-registration-option span{color:var(--text);font-size:1rem}.log-in-option .change-registration-option span,.log-in-option .change-registration-option span span{margin-left:5px;font-weight:var(--weight-md);text-decoration:underline;cursor:pointer}.third-party-accounts{-webkit-user-select:none;user-select:none;width:300px;text-align:center;align-items:center;margin-top:1rem}.third-party-accounts .or{font-size:.875rem;font-weight:var(--weight-md);color:var(--text);opacity:.8}.third-party-accounts .account-icons{display:flex;gap:4rem}.third-party-accounts .account-icons img{scale:1.2;cursor:pointer}@media (max-width: 770px){.log-in-page{gap:.8rem!important}input{width:100%!important}.email-input,.input-password,.log-in-option{width:100%!important}.email-input .email-main-input,.email-input .password-main-input,.email-input .log-in-button,.input-password .email-main-input,.input-password .password-main-input,.input-password .log-in-button,.log-in-option .email-main-input,.log-in-option .password-main-input,.log-in-option .log-in-button{width:100%!important}}.sign-up-page{position:relative;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:1rem;transform:translate(-500px);animation:sign-up-entry ease-in .3s forwards;justify-content:center!important;align-items:center!important;gap:clamp(.4rem,.5vw,.5rem)}.sign-up-page label{font-size:1rem;font-weight:var(--weight-md);color:var(--text);text-indent:8px}.sign-up-page input{border:none;background:none;outline:none;font-size:1rem;width:30ch;font-weight:var(--weight-sm);color:var(--text)}.third-party-accounts{margin-top:.3rem}.log-in-option{gap:.3rem}.change-registration-option,.change-registration-option span{font-size:clamp(.875rem,1vw,1rem)!important}@keyframes sign-up-entry{0%{transform:translate(500px);opacity:0}to{transform:translate(0);opacity:1}}.check-terms-and-condition{width:100%;display:flex;justify-content:start!important;align-items:center!important;gap:.5rem}.check-terms-and-condition input{width:15px}.check-terms-and-condition p,.check-terms-and-condition p span{font-size:.75rem}.check-terms-and-condition p span,.check-terms-and-condition p span span{font-weight:var(--weight-md);margin-left:3px;text-decoration:underline;cursor:pointer}.check-terms-and-condition .terms-and-condition-label{display:flex;white-space:nowrap}@media (max-width: 770px){.sign-up-page{gap:.7rem!important}input{width:100%!important}input[type=checkbox]{width:15px!important}.email-input,.input-password,.log-in-option{width:100%!important}.email-input .email-main-input,.email-input .password-main-input,.email-input .log-in-button,.input-password .email-main-input,.input-password .password-main-input,.input-password .log-in-button,.log-in-option .email-main-input,.log-in-option .password-main-input,.log-in-option .log-in-button{width:100%!important}.terms-and-condition-label{font-size:.65rem}.terms-and-condition-label span{font-size:.6rem}}