@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";.auth .toggle{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.auth .toggle span{font-weight:600}.auth .toggle .toggle-container .checkbox:checked+label,.auth .toggle .toggle-container .checkbox:not(:checked)+label{position:relative;display:block;text-align:center;width:70px;height:16px;border-radius:8px;padding:0;margin:10px auto;cursor:pointer;background-color:#ffeba7}.auth .toggle .toggle-container .checkbox{display:none}.auth .toggle .toggle-container .checkbox:checked+label:before,.auth .toggle .toggle-container .checkbox:not(:checked)+label:before{position:absolute;display:block;width:36px;height:36px;border-radius:50%;color:#ffeba7;background-color:#102770;content:"↖";z-index:20;top:-10px;left:-10px;line-height:36px;text-align:center;font-size:27px;transition:all .5s ease}.auth .toggle .toggle-container .checkbox:checked+label:before{transform:translate(44px) rotate(-270deg)}@media screen and (max-width: 580px){.auth{margin:0rem 2rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:89vh;flex-direction:column;max-width:500px;margin:0 auto}.login-container .login-form{background:#222;padding:2rem;border-radius:8px;text-align:center;width:100%}.login-container .login-form h2{color:#fff;margin-bottom:1rem}.login-container .login-form .input-wrap{position:relative;margin-bottom:1.5rem}.login-container .login-form .input-wrap input{width:100%;padding:1rem;background:#191919;border:2px solid transparent;border-radius:5px;color:#fff;font-size:14px;box-shadow:none}.login-container .login-form .input-wrap input:focus{outline:none;border:2px solid #703BF7}.login-container .login-form .input-wrap input:focus+label,.login-container .login-form .input-wrap input:not(:placeholder-shown)+label{font-size:12px;top:-9px;left:10px;background:#191919;padding:0 5px;z-index:1;border-radius:5px;color:#703bf7}.login-container .login-form .input-wrap label{font-size:16px;color:#525252;padding:1rem;position:absolute;top:0;left:0;transition:.2s ease all;pointer-events:none}.login-container .login-form .input-wrap .toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;background:#191919;padding:.5rem;border-radius:50%}.login-container .login-form .input-wrap .toggle-password svg{display:block}.login-container .login-form .login-button{width:100%;padding:.5rem;background:#703bf7;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:1rem;font-size:1.2rem;font-weight:600;transition:all .2s ease-in-out}.login-container .login-form .login-button:hover{background-color:#814fff}.login-container .login-form .google-button{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:1rem;gap:.5rem}.login-container .login-form .google-button .google-btn-image{border:1px solid rgb(173,173,173);border-radius:50%;cursor:pointer;padding:.5rem;height:2.5rem;width:2.5rem}.login-container .login-form .google-button .google-btn-image img{height:100%;width:100%}.login-container .login-form .google-button span{font-size:.75rem;color:#fff;color:#703bf7}@media screen and (max-width: 600px){.login-container .login-form{padding:1rem}}.otp-verification{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.otp-verification .otp-container{position:relative;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:90%;max-width:400px}.otp-verification .otp-container .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#333}.otp-verification .otp-container .otp-header{text-align:center;margin-bottom:20px}.otp-verification .otp-container .otp-header h1{font-size:24px;margin-bottom:10px;color:#000}.otp-verification .otp-container .otp-header p{color:#666}.otp-verification .otp-container #otp-form{display:flex;flex-direction:column;align-items:center}.otp-verification .otp-container #otp-form .otp-inputs{display:flex;justify-content:space-between;margin-bottom:20px;gap:1rem}.otp-verification .otp-container #otp-form .otp-inputs .otp-input{width:40px;height:40px;font-size:20px;text-align:center;border:2px solid #e5e7eb;border-radius:4px;outline:none;transition:border-color .2s}.otp-verification .otp-container #otp-form .otp-inputs .otp-input:focus{border-color:#703bf7}.otp-verification .otp-container #otp-form .verify-button{padding:10px 20px;background-color:#703bf7;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.otp-verification .otp-container #otp-form .verify-button:hover{background-color:#814fff}.otp-verification .otp-container #otp-form .verify-button.disabled{cursor:not-allowed;background-color:gray}.otp-verification .otp-container #otp-form .verify-button.disabled:hover{background-color:gray}.otp-verification .otp-container .resend-text{text-align:center;margin-top:20px;color:#666}.otp-verification .otp-container .resend-text a{color:#703bf7;cursor:pointer;text-decoration:none}.otp-verification .otp-container .resend-text a:hover{text-decoration:underline}.dashboard{padding:0 1rem 2rem 4rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;max-width:1500px}.dashboard .section{width:100%}.dashboard .section .buttonWrapper{display:flex;width:100%}.dashboard .section .buttonWrapper .platformBtn{flex:1;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s ease-in-out;cursor:pointer}.dashboard .section .buttonWrapper .platformBtn:hover{border-bottom:2px solid #333333}.dashboard .section .buttonWrapper .platformBtn img{height:2rem}.dashboard .section .buttonWrapper .platformBtn .username{font-size:1.1rem}.dashboard .section .buttonWrapper .activePlatform{border-bottom:2px solid #703BF7}.dashboard .section .buttonWrapper .activePlatform:hover{border-bottom:2px solid #814fff}.dashboard .section .detailsSection{display:flex;flex-direction:column;margin-top:1rem;gap:1rem}.dashboard .section .detailsSection .topDetails{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.dashboard .section .detailsSection .topDetails .eachDetail{flex:1;display:flex;align-items:center;gap:.5rem;background-color:#333;border-radius:.5rem;padding:.25rem .5rem}.dashboard .section .detailsSection .topDetails .eachDetail img{height:2rem}.dashboard .section .detailsSection .topDetails .eachDetail .content{display:flex;flex-direction:column}.dashboard .section .detailsSection .topDetails .eachDetail .content .heading{font-size:.8rem;color:#cfcfcf}.dashboard .section .detailsSection .topDetails .eachDetail .content .data{font-size:1.2rem;font-weight:600}.dashboard .section .detailsSection .topDetails .noUsername{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.dashboard .section .detailsSection .topDetails .noUsername img{height:8rem}.dashboard .section .detailsSection .topDetails .noUsername .notFound{font-size:1.2rem}.dashboard .section .detailsSection .topDetails .noUsername .setBtn{display:flex;align-items:center;justify-content:center;gap:.2rem;background-color:#703bf7;padding:.5rem 1rem;border-radius:.25rem;transition:all .2s ease-in-out}.dashboard .section .detailsSection .topDetails .noUsername .setBtn:hover{background-color:#814fff}.dashboard .section .detailsSection .graphs{display:flex;justify-content:center;gap:1rem}.dashboard .section .detailsSection .graphs .lineGraph{min-height:100%;width:60%;background-color:#222;border-radius:.5rem;padding:.5rem}.dashboard .section .detailsSection .graphs .piechart{width:40%;min-height:100%;background-color:#222;border-radius:.5rem;padding:.5rem}.dashboard .section .contests{margin-top:4rem;display:flex;flex-direction:column;gap:1rem}.dashboard .section .contests h2{text-align:center;font-size:2rem;margin:2rem 0}.dashboard .section .contests .contestButtonWrapper{display:flex;justify-content:center;align-items:center;gap:1rem}.dashboard .section .contests .contestButtonWrapper .platformBtn{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:#333;padding:.5rem 1rem;border-radius:.5rem .5rem 0 0;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease-in-out}.dashboard .section .contests .contestButtonWrapper .platformBtn img{height:2rem}.dashboard .section .contests .contestButtonWrapper .platformBtn .title{font-size:1.1rem;font-weight:600}.dashboard .section .contests .contestButtonWrapper .activeContest{border-bottom:2px solid #703BF7}.dashboard .section .contests .contestWrapper{display:flex;flex-direction:column;gap:1rem}.dashboard .section .contests .contestWrapper .eachContest{display:flex;align-items:center;justify-content:center;background-color:#222;padding:.5rem 1rem}.dashboard .section .contests .contestWrapper .eachContest .logo{width:5%}.dashboard .section .contests .contestWrapper .eachContest .logo img{height:2rem}.dashboard .section .contests .contestWrapper .eachContest .heading{width:65%;display:flex;flex-direction:column;gap:.1rem}.dashboard .section .contests .contestWrapper .eachContest .heading .title{font-size:1.2rem;font-weight:600}.dashboard .section .contests .contestWrapper .eachContest .heading .duration{color:#703bf7}.dashboard .section .contests .contestWrapper .eachContest .startTime{width:20%}.dashboard .section .contests .contestWrapper .eachContest .viewBtn{width:10%;display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.5rem 1rem;background-color:#703bf7;font-size:1.1rem;border-radius:.2rem;transition:all .2s ease-in-out}.dashboard .section .contests .contestWrapper .eachContest .viewBtn:hover{background-color:#814fff}.dashboard .section .contests .contestWrapper .noContests{display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard .section .contests .contestWrapper .noContests img{height:10rem}.dashboard .section .contests .contestWrapper .noContests .contestNotFound{font-size:1.2rem}@media (max-width: 1000px){.dashboard .section .buttonWrapper .platformBtn{flex-direction:column;gap:0}.dashboard .section .graphs{flex-direction:column;align-items:center}.dashboard .section .graphs .lineGraph,.dashboard .section .graphs .piechart{min-width:100%}.dashboard .section .contests .contestWrapper .eachContest{gap:.25rem}.dashboard .section .contests .contestWrapper .eachContest .logo{width:5%}.dashboard .section .contests .contestWrapper .eachContest .logo img{height:1.25rem}.dashboard .section .contests .contestWrapper .eachContest .heading{width:55%}.dashboard .section .contests .contestWrapper .eachContest .startTime{width:25%}.dashboard .section .contests .contestWrapper .eachContest .viewBtn{width:15%}}@media (max-width: 800px){.dashboard .section .contests .contestButtonWrapper{gap:.25rem}.dashboard .section .contests .contestButtonWrapper .platformBtn{gap:.5rem;padding:.25rem .5rem}.dashboard .section .contests .contestWrapper .eachContest .logo{width:5%}.dashboard .section .contests .contestWrapper .eachContest .heading{width:50%}.dashboard .section .contests .contestWrapper .eachContest .heading .title{font-size:1rem}.dashboard .section .contests .contestWrapper .eachContest .heading .duration{font-size:.75rem}.dashboard .section .contests .contestWrapper .eachContest .startTime{width:30%;font-size:.85rem}.dashboard .section .contests .contestWrapper .eachContest .viewBtn{width:15%;font-size:.85rem}}@media (max-width: 630px){.dashboard{padding:0 .5rem 4rem}.dashboard .section .buttonWrapper .platformBtn .username{display:none}.dashboard .section .graphs{flex-direction:column;align-items:center}.dashboard .section .graphs .lineGraph{min-width:100%;min-height:500px}.dashboard .section .graphs .piechart{min-width:100%}.dashboard .section .contests .contestButtonWrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem;width:fit-content;margin:0 auto}.dashboard .section .contests .contestWrapper .eachContest{padding:.25rem}.dashboard .section .contests .contestWrapper .eachContest .logo{width:5%}.dashboard .section .contests .contestWrapper .eachContest .heading .title{font-size:1rem}.dashboard .section .contests .contestWrapper .eachContest .heading .duration{font-size:.75rem}.dashboard .section .contests .contestWrapper .eachContest .startTime{width:28%;font-size:.85rem}.dashboard .section .contests .contestWrapper .eachContest .viewBtn{width:fit-content;font-size:.85rem;padding:.25rem .5rem}.dashboard .section .contests .contestWrapper .noContests img{height:8rem}.dashboard .section .contests .contestWrapper .noContests .contestNotFound{text-align:center;font-size:1rem}}@media (max-width: 500px){.dashboard .section .detailsSection .topDetails .noUsername img{height:6rem}.dashboard .section .detailsSection .topDetails .noUsername .notFound{font-size:1.1rem}.dashboard .section .detailsSection .topDetails .noUsername .setBtn{padding:.25rem .5rem}.dashboard .section .contests .contestWrapper .eachContest{gap:.5rem}.dashboard .section .contests .contestWrapper .eachContest .logo{width:fit-content}.dashboard .section .contests .contestWrapper .eachContest .heading{font-size:.9rem}.dashboard .section .contests .contestWrapper .eachContest .startTime{width:20%;font-size:.75rem}.dashboard .section .contests .contestWrapper .eachContest .viewBtn{width:fit-content}}.chart canvas{max-height:400px}@media (max-width: 1000px){.chart canvas{max-height:300px}}.loader{width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.loader .reactLoader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;z-index:100000}.loader .animation{position:absolute}.loader .animation .logo{width:5rem}.loader .animation .brandName{display:flex;align-items:center;font-size:1.25rem;font-weight:700;letter-spacing:.1rem}.loader .animation .brandName img{height:2rem;width:2rem;object-fit:contain}.loader .animation .brandName .purple{color:#703bf7}.loader .disclaimer{position:absolute;bottom:0;font-size:.8rem;text-align:center;padding:1rem;color:#a9a9a9}.image-card-highlights{border:1px solid #ccc;padding:1rem;text-align:center;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.image-card-highlights .card-heading{font-size:1.5rem;margin-bottom:2.5rem;color:#fff}@media screen and (max-width: 768px){.image-card-highlights .card-heading{font-size:1rem;margin-bottom:2rem}}@media screen and (max-width: 480px){.image-card-highlights .card-heading{font-size:1rem;margin-bottom:1.5rem}}.image-card-highlights .card-image{width:100%;height:auto;object-fit:cover;border-radius:6px}.footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;color:#fff}.footer .footer-brand{display:flex;flex-direction:column;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.1rem}.footer .footer-brand img{height:2rem;width:2rem;object-fit:contain}.footer .footer-brand .purple{color:#703bf7}.landing{color:#fff;max-width:1500px;margin:0 auto}.landing .hero{display:flex;justify-content:space-between;align-items:center;padding:2rem;gap:2rem}@media (max-width: 900px){.landing .hero{flex-direction:column;justify-content:center;gap:1rem}}.landing .hero .hero-content{display:flex;flex-direction:column;justify-content:space-between}.landing .hero .hero-content .content h1{font-size:2.5rem}.landing .hero .hero-content .content p{margin:1rem 0;color:#888;font-size:1.2rem;font-weight:600}.landing .hero .hero-content .content .buttons{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}@media (max-width: 500px){.landing .hero .hero-content .content .buttons{gap:.75rem}}.landing .hero .hero-content .content .buttons .btn{padding:.75rem 1.5rem;border:2px solid #703BF7;cursor:pointer;border-radius:.5rem;font-size:.9rem;font-weight:600}@media (max-width: 500px){.landing .hero .hero-content .content .buttons .btn{padding:.5rem 1rem}}.landing .hero .hero-content .content .buttons .btn.learn-more{background-color:transparent;color:#fff;border:2px solid #703BF7;transition:all .2s ease-in-out}.landing .hero .hero-content .content .buttons .btn.learn-more:hover{border:2px solid #814fff}.landing .hero .hero-content .content .buttons .btn.browse-properties{background-color:#703bf7;color:#fff;transition:all .2s ease-in-out}.landing .hero .hero-content .content .buttons .btn.browse-properties:hover{background-color:#814fff}.landing .hero .hero-content .stats{display:flex;padding:1.5rem 0;gap:1rem}.landing .hero .hero-content .stats .stat{background-color:#222;padding:1rem;border-radius:.75rem;margin-bottom:0;width:10rem;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 900px){.landing .hero .hero-content .stats .stat{width:fit-content}}.landing .hero .hero-content .stats .stat h3{font-size:1.5rem}@media (max-width: 900px){.landing .hero .hero-content .stats .stat h3{font-size:1rem}}.landing .hero .hero-content .stats .stat p{font-size:1rem;color:#888}@media (max-width: 900px){.landing .hero .hero-content .stats .stat p{font-size:.75rem}}.landing .hero .home-logos{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.75rem}@media (max-width: 900px){.landing .hero .home-logos{gap:1rem;flex-wrap:wrap}}.landing .hero .home-logos .home-main-logo{width:10rem;height:10rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #747474;box-shadow:0 0 20px #7878781a}.landing .hero .home-logos .home-main-logo img{width:70%}@media (max-width: 900px){.landing .hero .home-logos .home-main-logo{width:5rem;height:5rem}}.landing .hero .home-logos .other-logos{display:flex;flex-direction:row;justify-content:center;align-items:center;height:auto;max-width:90%}@media (min-width: 900px){.landing .hero .home-logos .other-logos{flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:0rem;margin-top:-1rem;margin-right:3rem}}.landing .hero .home-logos .other-logos .circle-cmp{width:5rem;height:5rem;border-radius:50%;display:flex;flex-direction:column;background:none;border:1px solid #747474;box-shadow:0 0 20px #0000001a;align-items:center;justify-content:center}@media (min-width: 900px){.landing .hero .home-logos .other-logos .circle-cmp{width:6rem;height:6rem}}.landing .hero .home-logos .other-logos .circle-cmp img{width:60%;height:60%}.landing .hero .home-logos .other-logos div:nth-child(2){margin:1.75rem}@media screen and (max-width: 900px){.landing .hero .home-logos .other-logos div:nth-child(2){margin:1rem}}.landing .features{display:flex;justify-content:center;gap:1rem;padding:2rem;flex-wrap:wrap}.landing .features .feature{width:24rem;padding:1.5rem;text-align:center;border:1px solid #747474;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.landing .features .feature h4{font-size:18px;color:#703bf7}.landing .features .feature img{padding:2rem;width:100%;max-width:150px}@media (max-width: 900px){.landing .features .feature img{padding:1rem;max-width:120px}}.landing .features .feature p{color:#fff;text-align:justify;font-weight:500}.landing .project-images{padding:2rem;margin-top:4rem}.landing .project-images .grid-container{display:grid;grid-template-columns:1fr;gap:20px;text-align:center}.landing .project-images .grid-container .heading{font-size:2rem;margin-bottom:1.25rem;color:#fff}.landing .project-images .grid-container .image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.landing .project-images .grid-container .image-grid img{width:100%;height:auto;object-fit:cover;border-radius:.5rem}@media screen and (max-width: 900px){.landing .project-images .grid-container .image-grid{grid-template-columns:1fr}}.landing .faq-section{padding:2rem}.landing .faq-section h3{margin-bottom:1.5rem;font-size:2rem;text-align:center}@media screen and (max-width: 900px){.landing .faq-section h3{font-size:1.5rem}}.landing .faq-section .faq-item{margin-bottom:1rem}.landing .faq-section .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;border-radius:.5rem .5rem 0 0;background:#222;cursor:pointer}.landing .faq-section .faq-item .faq-question h4{font-size:1.2rem;font-weight:600}.landing .faq-section .faq-item .faq-question .faq-icon{font-size:1rem;color:#fff;min-width:fit-content}.landing .faq-section .faq-item .faq-answer{overflow:hidden;max-height:0;transition:max-height .2s ease-in-out,padding .2s ease-in-out;padding:0rem 1rem;border-radius:0 0 .5rem .5rem}.landing .faq-section .faq-item .faq-answer.show{padding:1.3rem 1rem;background:#111;max-height:500px}.nav{color:#fff;padding:.5rem 1rem;position:sticky;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav .nav-container{display:flex;justify-content:space-between;align-items:center}.nav .nav-container .logo-link{display:flex;flex-direction:column;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.1rem}.nav .nav-container .logo-link img{height:2rem;width:2rem;object-fit:contain}.nav .nav-container .logo-link .purple{color:#703bf7}.nav .nav-container .nav-menu{display:flex;gap:1.2rem;text-decoration:none;list-style:none}.nav .nav-container .nav-menu a{color:#fff;text-decoration:none;background:none;border:none;cursor:pointer;font-size:1rem;transition:all .2s ease-in-out;font-weight:600}.nav .nav-container .nav-menu a:hover{color:#703bf7}.nav .nav-container .nav-menu button{color:#fff;background:none;border:none;font-size:1rem;transition:all .2s ease-in-out;font-weight:600;cursor:pointer}.nav .nav-container .nav-menu button:hover{color:#703bf7}.nav .nav-container .nav-icon{display:none;font-size:1.3rem;cursor:pointer}@media (max-width: 768px){.nav .nav-container .nav-menu{position:absolute;top:100%;left:0;width:100%;background-color:#1a1a1a;flex-direction:column;align-items:center;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav .nav-container .nav-menu.active{max-height:500px}.nav .nav-container .nav-menu a,.nav .nav-container .nav-menu button{padding:10px 0}.nav .nav-container .nav-icon{display:block}}.leaderboard{display:flex;flex-direction:column;gap:2rem;max-width:1600px;margin:auto}.leaderboard .top{display:flex;gap:1rem;justify-content:center}.leaderboard .top .stair{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.leaderboard .top .stair .skewbox{width:11rem;height:4rem;background:linear-gradient(transparent,#814fff);transform:matrix3d(1,0,0,0,0,1,0,-.01,0,0,0,1,0,0,1,1.3125)}.leaderboard .top .stair .verticalbox{width:11rem;background:linear-gradient(#703BF7,transparent);padding:2rem .5rem;display:flex;align-items:center;flex-direction:column;gap:1rem;font-weight:600}.leaderboard .top .stair .verticalbox .username{display:flex;flex-direction:column;align-items:center;gap:0rem}.leaderboard .top .stair .verticalbox .username .name{font-weight:700;font-size:1.2rem}.leaderboard .top .stair .verticalbox .username .usernameBlock{border-radius:.5rem;padding:.15rem .5rem;background:#703bf7;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700}.leaderboard .top .stair .verticalbox .ratingsWrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;font-size:1.2rem;font-weight:600}.leaderboard .top .stair .verticalbox .ratingsWrapper .ratings{display:flex;align-items:center;justify-content:center;gap:.25rem;background-color:#ffffff1a;border-radius:.5rem;padding:.1rem .2rem}.leaderboard .top .stair .verticalbox .ratingsWrapper .ratings span{height:100%;text-align:center}.leaderboard .top .stair .verticalbox .ratingsWrapper .ratings span img{margin-top:auto;height:1rem}.leaderboard .top .stair .profilepic{margin-bottom:-2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.leaderboard .top .stair .profilepic img{height:4rem;width:4rem;border-radius:50%}.leaderboard .top .stair .first{height:15rem}.leaderboard .top .stair .second{height:13rem}.leaderboard .top .stair .third{height:11rem}.leaderboard .bottom{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.leaderboard .bottom .colHeading{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-radius:5px}.leaderboard .bottom .colHeading .position{width:5%}.leaderboard .bottom .colHeading .user-Img-Name{width:55%}.leaderboard .bottom .colHeading .rating{width:10%;display:flex;align-items:center;gap:.25rem}.leaderboard .bottom .colHeading .rating img{height:1.5rem}.leaderboard .bottom .colHeading .rating .codaezLogo{display:flex;flex-direction:column;align-items:center;font-size:.5rem;font-weight:700;letter-spacing:.1rem}.leaderboard .bottom .colHeading .rating .codaezLogo img{height:1.5rem;width:1.5rem;object-fit:contain}.leaderboard .bottom .colHeading .rating .codaezLogo .purple{color:#703bf7}.leaderboard .bottom .eachUser{display:flex;align-items:center;justify-content:space-between;background-color:#222;padding:.5rem .75rem;border-radius:5px}.leaderboard .bottom .eachUser .position{width:5%}.leaderboard .bottom .eachUser .position .digit{border-radius:15rem;background-color:#fff;height:1.5rem;width:1.5rem;color:#000;display:flex;align-items:center;justify-content:center;font-weight:700}.leaderboard .bottom .eachUser .user-Img-Name{width:55%;display:flex;gap:.5rem;align-items:center}.leaderboard .bottom .eachUser .user-Img-Name .profileImage{display:flex;align-items:center;justify-content:center}.leaderboard .bottom .eachUser .user-Img-Name .profileImage img{height:2.5rem;width:2.5rem;border-radius:50%}.leaderboard .bottom .eachUser .user-Img-Name .username{display:flex;flex-direction:column;gap:.25rem}.leaderboard .bottom .eachUser .user-Img-Name .username .name{font-weight:700;font-size:1.2rem}.leaderboard .bottom .eachUser .user-Img-Name .username .usernameBlock{border-radius:.5rem;padding:.25rem .75rem;background:#3c3944;cursor:pointer;font-size:1rem;color:#814fff;font-weight:700;transition:all .2s ease-in-out;width:fit-content}.leaderboard .bottom .eachUser .user-Img-Name .username .usernameBlock:hover{background:#45424f}.leaderboard .bottom .eachUser .rating{font-size:1.5rem;font-weight:600;width:10%}.leaderboard .bottom .myDetails{background-color:#703bf7}.leaderboard .bottom .myDetails .user-Img-Name .username .usernameBlock,.leaderboard .bottom .myDetails .user-Img-Name .username .usernameBlock:hover{background-color:#814fff;color:#fff}@media (max-width: 1700px){.leaderboard{max-width:100%;padding:0 1rem 1rem 4rem}}@media (max-width: 1024px){.leaderboard .bottom .colHeading .position{width:7%}.leaderboard .bottom .colHeading .user-Img-Name{width:45%}.leaderboard .bottom .colHeading .rating{width:12%}.leaderboard .bottom .eachUser .position{width:7%}.leaderboard .bottom .eachUser .user-Img-Name{width:45%}.leaderboard .bottom .eachUser .rating{width:12%}}@media (max-width: 768px){.leaderboard .bottom .colHeading{padding:0 .75rem;font-size:.8rem}.leaderboard .bottom .colHeading .rating{gap:.125rem}.leaderboard .bottom .colHeading .rating .sortArrows svg{font-size:.75rem}.leaderboard .bottom .eachUser{padding:.5rem .75rem}.leaderboard .bottom .eachUser .position .digit{height:1rem;width:1rem;font-size:.8rem}.leaderboard .bottom .eachUser .user-Img-Name{gap:.25rem}.leaderboard .bottom .eachUser .user-Img-Name .profileImage img{height:2rem;width:2rem}.leaderboard .bottom .eachUser .user-Img-Name .username{gap:0}.leaderboard .bottom .eachUser .user-Img-Name .username .name{font-size:1rem}.leaderboard .bottom .eachUser .user-Img-Name .username .usernameBlock{padding:.125rem .25rem;font-size:.9rem}.leaderboard .bottom .eachUser .rating{font-size:1.2rem}}@media (max-width: 630px){.leaderboard{padding:1rem 1rem 4rem;gap:1rem}.leaderboard .top .stair .skewbox,.leaderboard .top .stair .verticalbox{width:9.4rem}.leaderboard .top .stair .verticalbox .ratingsWrapper{gap:.5rem}.leaderboard .top .stair .profilepic img{height:3rem;width:3rem}}@media (max-width: 500px){.leaderboard{padding:0 .5rem 4rem;gap:0}.leaderboard .top{transform:scale(.78)}.leaderboard .bottom .colHeading{text-align:center;padding:0 .25rem}.leaderboard .bottom .colHeading .rating img{height:1.2rem}.leaderboard .bottom .eachUser{padding:.5rem .25rem}.leaderboard .bottom .eachUser .rating{font-size:1rem}}@media (max-width: 400px){.leaderboard .top{transform:scale(.68)}}.profileContainer{padding:1rem 1rem 1rem 4.5rem;display:flex;justify-content:center;gap:1rem;position:relative;max-width:1500px;margin:auto}.profileContainer .usercard{flex:1.5;display:flex;flex-direction:column;gap:2.5rem;padding:2rem;border-radius:.5rem;background:#222;max-width:25rem}.profileContainer .usercard .top{display:flex;flex-direction:column}.profileContainer .usercard .top .user-Img-Name{display:flex;gap:1rem;align-items:center}.profileContainer .usercard .top .user-Img-Name .editable{position:relative}.profileContainer .usercard .top .user-Img-Name .editable img{height:6.5rem;width:6.5rem;border-radius:50%;object-fit:fill}.profileContainer .usercard .top .user-Img-Name .editable .editicon{position:absolute;background:#1c1b1b;bottom:0;right:0;border-radius:50%;padding:.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.profileContainer .usercard .top .user-Img-Name .editable .editicon .editpencil{font-size:1.2rem}.profileContainer .usercard .top .user-Img-Name .namecontainer{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;width:100%}.profileContainer .usercard .top .user-Img-Name .namecontainer .name .username{border-radius:10px;padding:.25rem .75rem;background:#3c3944;cursor:pointer;font-size:1rem;color:#814fff;font-weight:700;width:fit-content}.profileContainer .usercard .top .user-Img-Name .namecontainer .follow{display:flex;justify-content:space-around;align-items:center}.profileContainer .usercard .top .user-Img-Name .namecontainer .follow .follower,.profileContainer .usercard .top .user-Img-Name .namecontainer .follow .followings{display:flex;flex-direction:column;align-items:center;cursor:pointer}.profileContainer .usercard .top .user-Img-Name .namecontainer .follow .follower .element,.profileContainer .usercard .top .user-Img-Name .namecontainer .follow .followings .element{font-weight:600;display:flex;flex-direction:column;align-items:center;font-size:.8rem}.profileContainer .usercard .top .user-Img-Name .namecontainer .follow .follower .element span,.profileContainer .usercard .top .user-Img-Name .namecontainer .follow .followings .element span{color:#814fff;font-size:1.2rem}.profileContainer .usercard .top .name-college{display:flex;flex-direction:column;font-size:1.25rem}.profileContainer .usercard .top .name-college .college{font-size:1rem;display:flex;align-items:center;gap:.25rem}.profileContainer .usercard .followbtn .btn{width:100%;padding:.25rem;border-radius:.25rem;font-size:1rem;cursor:pointer;background:#703bf7;border:2px solid transparent;color:#fff}.profileContainer .usercard .followbtn .isFollowing{background:transparent;color:#703bf7;font-weight:600;border:2px solid #703BF7}.profileContainer .usercard .ratingsWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:1.2rem;font-weight:600}.profileContainer .usercard .ratingsWrapper .ratings{gap:.25rem;background-color:#ffffff1a;border-radius:.5rem;padding:.1rem .35rem;width:100%;display:flex;justify-content:space-between;align-items:center}.profileContainer .usercard .ratingsWrapper .ratings span{display:flex;align-items:center;gap:.5rem}.profileContainer .usercard .ratingsWrapper .ratings span img{margin-top:auto;height:2rem}.profileContainer .usercard .social{display:flex;flex-direction:column;justify-content:center;gap:.75rem;margin:0 auto}.profileContainer .usercard .social .social-icon{cursor:pointer;display:flex;align-items:center;gap:.2rem;transition:all .2s ease-in-out}.profileContainer .usercard .social .social-icon .icon{font-size:1.5rem}.profileContainer .usercard .social .social-icon:hover{color:#703bf7}.profileContainer .usercard .options{border-top:2px solid #515151}.profileContainer .usercard .options .changepw,.profileContainer .usercard .options .changeusername{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:1.1rem;cursor:pointer}.profileContainer .usercard .options .changepw div,.profileContainer .usercard .options .changeusername div{display:flex;flex-direction:row;align-items:center;gap:1rem}.profileContainer .formcontainer{flex:2.5;border-radius:.5rem;background:#222;padding:.5rem 2rem 2rem}.profileContainer .formcontainer form{display:flex;flex-direction:column;gap:1rem}.profileContainer .formcontainer form .groupHeading{margin-top:1rem;font-size:1.25rem;color:#703bf7;border-bottom:1px solid #703BF7}.profileContainer .formcontainer form .fieldcontainer{display:grid;grid-auto-flow:row;row-gap:1rem;grid-template-columns:repeat(2,1fr);column-gap:1.5rem}.profileContainer .formcontainer form .submitbutton{display:flex;flex-direction:row;justify-content:flex-end}.profileContainer .formcontainer form .submitbutton button{padding:.25rem .75rem;border-radius:.25rem;font-size:1rem;background:#703bf7;color:#fff;font-weight:500;cursor:pointer;border:none;transition:all .2s ease-in-out}.profileContainer .formcontainer form .submitbutton button:hover{background-color:#814fff}.profileContainer .formcontainer form .submitbutton .save{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem}.profileContainer .formcontainer form .submitbutton .save .cancel{background-color:#494747}.profileContainer .formcontainer form .submitbutton .save .cancel:hover{background-color:#515151}.profileContainer .formcontainer form .submitbutton .icon{display:flex;flex-direction:row;align-items:center;gap:.5rem}.profileContainer .submittingForm{display:flex;align-items:center;gap:.2rem}@media screen and (max-width: 1030px){.profileContainer{flex-direction:column;gap:1rem;max-width:700px}.profileContainer .usercard,.profileContainer .formcontainer{max-width:100%}.profileContainer .formcontainer form .fieldcontainer{column-gap:.5rem}}@media screen and (max-width: 630px){.profileContainer{padding:1rem 3rem 4.25rem}.profileContainer .usercard,.profileContainer .formcontainer{padding:1rem}.profileContainer .formcontainer form .fieldcontainer{grid-template-columns:1fr}}@media screen and (max-width: 500px){.profileContainer{padding:1rem 1rem 4.25rem}}.container{display:flex;flex-direction:column;gap:.25rem;position:relative}.container .eye{position:absolute;right:3%;top:65%;color:#fff;cursor:pointer}.container .icon{display:flex;flex-direction:row;align-items:center;gap:.5rem}.container .icon img{height:1.5rem;width:1.5rem}.container input{padding:.5rem;font-size:1.25rem;color:#fff;border-radius:.35rem;background:#191919;border:2px solid transparent;outline:none;font-size:.9rem;box-shadow:none}.container input:focus{outline:none;border:2px solid #814fff}.container p{color:#b5b1b1;font-size:.9rem;padding:.5rem;border:2px solid transparent}.changepwcontainer{padding:1rem}.changepwcontainer p{font-size:1.5rem;color:#fff;padding-bottom:2rem}.changepwcontainer form,.changepwcontainer form .inputfields{display:flex;flex-direction:column;gap:1rem}.changepwcontainer form .inputfields .input-wrap{position:relative}.changepwcontainer form .inputfields .input-wrap input{width:100%;padding:1rem 3.2rem 1rem 1rem;background:#191919;border:2px solid transparent;border-radius:5px;color:#fff;font-size:.9rem;box-shadow:none}.changepwcontainer form .inputfields .input-wrap input:focus{outline:none;border:2px solid #814fff}.changepwcontainer form .inputfields .input-wrap input:focus+label,.changepwcontainer form .inputfields .input-wrap input:not(:placeholder-shown)+label{top:0rem;left:.75rem;font-size:.75rem;color:#814fff;background:#191919;border-radius:.25rem}.changepwcontainer form .inputfields .input-wrap label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#525252;transition:all .3s;pointer-events:none;background:transparent;padding:0 .25rem}.changepwcontainer form .inputfields .input-wrap .toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;background:#191919;padding:.5rem;border-radius:50%}.changepwcontainer form .inputfields .input-wrap .toggle-password svg{display:block}.changepwcontainer form .btn{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.changepwcontainer form .btn .closeform button{background-color:#494747}.changepwcontainer form .btn button{padding:.25rem .75rem;border-radius:.25rem;font-size:1.25rem;background:#703bf7;color:#fff;font-weight:500;cursor:pointer;border:none}.modalDialog{padding:1.5rem;border-radius:.5rem;border:1px solid #703BF7;background:#222;text-align:center;width:25rem;margin:auto}.chnageunamecontainer{padding:1rem}.chnageunamecontainer p{font-size:1.6rem;color:#fff;padding-bottom:1.2rem}.chnageunamecontainer .disclaimer p{font-size:.85rem}.chnageunamecontainer form{display:flex;flex-direction:column;gap:1.75rem}.chnageunamecontainer form .input-wrap{position:relative}.chnageunamecontainer form .input-wrap .spinner{position:absolute;right:5%;top:33%;display:flex;justify-content:center;align-items:center}.chnageunamecontainer form .input-wrap input{width:100%;padding:1rem 2.4rem 1rem 1rem;background:#191919;border:2px solid transparent;border-radius:5px;color:#fff;font-size:.9rem;box-shadow:none}.chnageunamecontainer form .input-wrap input:focus{outline:none;border:2px solid #814fff}.chnageunamecontainer form .input-wrap input:focus+label,.chnageunamecontainer form .input-wrap input:valid+label{top:0rem;left:.75rem;font-size:.75rem;color:#814fff;background:#191919;border-radius:.25rem}.chnageunamecontainer form .input-wrap label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#525252;transition:all .3s;pointer-events:none;background:transparent;padding:0 .25rem}.chnageunamecontainer form .btn{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.chnageunamecontainer form .btn .closeform button{background-color:#494747}.chnageunamecontainer form .btn .btn{padding:.25rem .75rem;border-radius:.25rem;font-size:1.25rem;color:#fff;font-weight:500;border:none;background:#703bf7;cursor:pointer}.chnageunamecontainer form .btn .disable{background-color:#494747;cursor:not-allowed}.followcontainer{display:flex;flex-direction:column;align-items:center;height:60vh}.followcontainer .close{width:100%;display:flex;justify-content:flex-end}.followcontainer .close .icon{cursor:pointer;font-size:1.5rem;color:#fff}.followcontainer .heading{display:flex;width:100%}.followcontainer .heading .follower,.followcontainer .heading .followings{flex:1;color:#fff;font-size:1.2rem;font-weight:600;padding:.5rem;border-bottom:2px solid transparent;cursor:pointer}.followcontainer .heading .follower:hover,.followcontainer .heading .followings:hover{border-bottom:2px solid #333333}.followcontainer .heading .selected{border-bottom:2px solid #703BF7;color:#703bf7}.followcontainer .heading .selected:hover{border-bottom:2px solid #703BF7}.followcontainer .followercontainer,.followcontainer .followingcontainer{display:flex;flex-direction:column;gap:.5rem;align-items:center;padding:.5rem;border-radius:.25rem;width:100%;height:100%;overflow-y:scroll;scrollbar-width:none;scroll-behavior:auto;flex:1}.followcontainer .followercontainer .user,.followcontainer .followingcontainer .user{width:100%;display:flex;gap:.5rem;align-items:center}.followcontainer .followercontainer .user img,.followcontainer .followingcontainer .user img{height:3rem;width:3rem;border-radius:50%;object-fit:fill}.followcontainer .followercontainer .user .userdetails,.followcontainer .followingcontainer .user .userdetails{display:flex;flex-direction:column;align-items:flex-start;font-size:.9rem;color:#fff}.followcontainer .followercontainer .user .userdetails .username,.followcontainer .followingcontainer .user .userdetails .username{border-radius:.5rem;padding:.05rem .25rem;background:#3c3944;cursor:pointer;font-size:1rem;color:#703bf7;font-weight:700}.followcontainer .followercontainer .noResults,.followcontainer .followingcontainer .noResults{padding:.75rem;color:#fff;font-size:1rem}.navbar{width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:500;padding:.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.navbar .logo a{display:flex;flex-direction:column;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.1rem}.navbar .logo a img{height:2rem;width:2rem;object-fit:contain}.navbar .logo a .purple{color:#703bf7}.navbar .searchcontainer{display:flex;gap:1rem;align-items:center}.navbar .searchcontainer .request{display:flex;flex-direction:column;gap:1.5rem;position:relative}.navbar .searchcontainer .request .icon{cursor:pointer;font-size:1.5rem}.navbar .searchcontainer .request .requestCount{position:absolute;top:-.4rem;right:-.4rem;background-color:#703bf7;border-radius:15rem;font-size:.8rem;font-weight:600;height:1rem;width:fit-content;min-width:1rem;display:flex;justify-content:center;align-items:center}.navbar .searchcontainer .search{position:relative;display:flex;flex-direction:column;justify-content:center}.navbar .searchcontainer .search input{padding:.35rem .75rem;border:3px solid transparent;outline:none;font-size:1rem;color:#fff;border-radius:.25rem;background:#333;transition:all .2s ease-in-out}.navbar .searchcontainer .search input:focus{border:3px solid #4a3e8b}.navbar .searchcontainer .search .options{position:absolute;top:100%;display:flex;flex-direction:column;gap:.5rem;align-items:center;padding:.5rem;background-color:#333;border-radius:.25rem;width:100%;max-height:20rem;overflow-Y:scroll;scrollbar-width:none;scroll-behavior:auto}.navbar .searchcontainer .search .options .user{width:100%;display:flex;gap:.25rem;align-items:center}.navbar .searchcontainer .search .options .user img{height:2.1rem;width:2.1rem;border-radius:50%;object-fit:fill}.navbar .searchcontainer .search .options .user .userdetails{display:flex;flex-direction:column;font-size:.75rem}.navbar .searchcontainer .search .options .user .userdetails .username{border-radius:.5rem;padding:.05rem .25rem;background:#3c3944;cursor:pointer;font-size:.9rem;color:#703bf7;font-weight:700;width:fit-content}.navbar .searchcontainer .search .options .noResults{padding:.25rem}.frequest{position:absolute;top:100%;right:50%;margin-top:.85rem;transform:translate(50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.5rem;background-color:#333;width:22rem;max-height:20rem;border-radius:.5rem;overflow-Y:scroll;scrollbar-width:none;scroll-behavior:auto}.frequest .individual{display:flex;justify-content:space-between;align-items:center;gap:.25rem;width:100%}.frequest .individual .user{display:flex;gap:.5rem;justify-content:space-between;align-items:center}.frequest .individual .user img{height:2.25rem;width:2.25rem;border-radius:50%;object-fit:fill}.frequest .individual .user .userdetails{display:flex;flex-direction:column;font-size:.8rem}.frequest .individual .user .userdetails .username{border-radius:.5rem;padding:.05rem .25rem;background:#3c3944;cursor:pointer;font-size:1rem;color:#703bf7;font-weight:700;width:fit-content}.frequest .individual .options{display:flex;gap:.25rem}.frequest .individual .options .accept{padding:.25rem .5rem;background:#703bf7;border-radius:.25rem;display:flex;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s ease-in-out;cursor:pointer}.frequest .individual .options .accept:hover{background-color:#814fff}.frequest .individual .options .reject{display:flex;justify-content:center;align-items:center;border-radius:.2rem;padding:.15rem;transition:all .2s ease-in-out;cursor:pointer}.frequest .individual .options .reject svg{font-size:1rem}.frequest .individual .options .reject:hover{background-color:#3c3944}.frequest .individual .options .requested,.frequest .individual .options .follow_back,.frequest .individual .options .following{padding:.2rem .45rem;background:transparent;color:#703bf7;border-radius:.25rem;border:2px solid #703BF7;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .2s ease-in-out;cursor:pointer}.frequest .individual .options .requested:hover,.frequest .individual .options .follow_back:hover,.frequest .individual .options .following:hover{background-color:transparent}.frequest .noRequests{padding:.6rem}@media (max-width: 440px){.frequest{right:-4rem}}.sidebar{background-color:#212121;width:fit-content;height:100vh;position:fixed;top:0;left:0;padding:.5rem .25rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:1000}.sidebar .top a{display:flex;flex-direction:column;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.1rem}.sidebar .top a img{height:2rem;width:2rem;object-fit:contain}.sidebar .top a .purple{color:#703bf7}.sidebar .middle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.sidebar .bottom{cursor:pointer}.sidebar .linkBlock{width:100%;display:flex;align-items:center;border-radius:.5rem;padding:.5rem;transition:all .2s ease-in-out;position:relative}.sidebar .linkBlock .linktag{visibility:hidden;position:absolute;left:100%;font-size:.75rem;background-color:#333;border-radius:.5rem;padding:.25rem .5rem}.sidebar .linkBlock svg{font-size:1.5rem}.sidebar .linkBlock:hover{background-color:#333}.sidebar .linkBlock:hover .linktag{visibility:visible}@media (max-width: 630px){.sidebar{flex-direction:row;top:auto;bottom:0;height:fit-content;width:100%;padding:0 .5rem}.sidebar .top{display:none}.sidebar .middle{flex-direction:row;gap:0;justify-content:space-around;flex:3}.sidebar .bottom{flex:1;display:flex;justify-content:center}.sidebar .linkBlock{width:fit-content;align-items:center;flex-direction:column;padding:.25rem}.sidebar .linkBlock .linktag{visibility:visible;position:static;font-size:.75rem;background-color:inherit;padding:.25rem .5rem}.sidebar .linkBlock svg{font-size:1.5rem}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#fff;padding:2rem}.register-container .register-content{display:flex;width:100%;max-width:55rem;background:#222;border-radius:.5rem}.register-container .register-content .progress-bar{flex:1;display:flex;flex-direction:column;border-right:2px solid black;padding:1.5rem 1rem;gap:2rem}.register-container .register-content .progress-bar .eachStep{display:flex;align-items:center;gap:1rem}.register-container .register-content .progress-bar .eachStep .progress-step{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border-radius:50%;color:#fff;font-weight:700;border:2px solid white}.register-container .register-content .progress-bar .eachStep .progress-step.completed{border:2px solid #703BF7;color:#fff;background-color:#703bf7}.register-container .register-content .progress-bar .eachStep .progress-step.active{border:2px solid #703BF7;color:#fff}.register-container .register-content .progress-bar .restricted{cursor:pointer}.register-container .register-content .register-form{flex:3;padding:2rem}.register-container .register-content .register-form .register-step{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.register-container .register-content .register-form .register-step h3{margin-bottom:1rem;color:#fff}.register-container .register-content .register-form .register-step .input-wrap{position:relative;margin-bottom:.5rem}.register-container .register-content .register-form .register-step .input-wrap input{width:100%;padding:1rem 2.85rem 1rem 1rem;background:#191919;border:2px solid transparent;border-radius:5px;color:#fff;font-size:.9rem;box-shadow:none}.register-container .register-content .register-form .register-step .input-wrap input:focus{outline:none;border:2px solid #814fff}.register-container .register-content .register-form .register-step .input-wrap input:focus+label,.register-container .register-content .register-form .register-step .input-wrap input:not(:placeholder-shown)+label{top:0rem;left:.75rem;font-size:.75rem;color:#814fff;background:#191919;border-radius:.25rem}.register-container .register-content .register-form .register-step .input-wrap label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#525252;transition:all .3s;pointer-events:none;background:transparent;padding:0 .25rem}.register-container .register-content .register-form .register-step .input-wrap .spinner{position:absolute;right:3%;top:35%}.register-container .register-content .register-form .register-step .profile-input{display:flex;align-items:center;justify-content:space-around;gap:1.5rem}.register-container .register-content .register-form .register-step .profile-input .profile-picture{width:7rem;height:7rem;border-radius:50%;background:#191919;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.register-container .register-content .register-form .register-step .profile-input .profile-picture input{position:absolute;width:100%;height:100%;opacity:0;border-radius:50%;cursor:pointer}.register-container .register-content .register-form .register-step .profile-input .profile-picture img{width:100%;height:100%;object-fit:contain;background-size:cover;background-repeat:no-repeat;cursor:pointer}.register-container .register-content .register-form .register-step .profile-input .name-fields{display:flex;flex-direction:column;flex:1;gap:1rem}.register-container .register-content .register-form .register-step .profile-input .name-fields .input-wrap{display:flex}.register-container .register-content .register-form .register-step .codingLogoContainer{display:flex;align-items:center;gap:1rem}.register-container .register-content .register-form .register-step .codingLogoContainer img{height:2rem}.register-container .register-content .register-form .register-step .codingLogoContainer .input-wrap{width:100%}.register-container .register-content .register-form .register-step .register-buttons{display:flex;justify-content:space-between;align-items:center;gap:5rem}.register-container .register-content .register-form .register-step .register-button{width:100%;padding:.5rem 2rem;background:#703bf7;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.register-container .register-content .register-form .register-step .register-button:hover{background:#814fff}.register-container .register-content .register-form .register-step .disable{cursor:not-allowed;background:#703bf7;opacity:.6;transition:all .2s ease-in-out}.register-container .register-content .register-form .register-step .disable:hover{background:#703bf7}@media screen and (max-width: 925px){.register-container .register-content{flex-direction:column;max-width:40rem}.register-container .register-content .progress-bar{flex-direction:row;justify-content:space-around;border-bottom:2px solid black;border-right:none}}@media screen and (max-width: 600px){.register-container{padding:1rem}.register-container .register-content .progress-bar{padding:1rem .5rem;gap:.5rem}.register-container .register-content .progress-bar .eachStep{flex-direction:column;gap:.35rem}.register-container .register-content .progress-bar .eachStep p{font-size:.8rem}.register-container .register-content .register-form{padding:1rem}.register-container .register-content .register-form .register-step{gap:.5rem;margin-bottom:1rem}.register-container .register-content .register-form .register-step h3{font-size:1rem}.register-container .register-content .register-form .register-step .input-wrap input{font-size:.8rem}.register-container .register-content .register-form .register-step .profile-input{flex-direction:column;gap:.5rem}.register-container .register-content .register-form .register-step .profile-input .name-fields{width:100%;gap:.25rem}.register-container .register-content .register-form .register-step .profile-input .profile-picture{width:6rem;height:6rem}.register-container .register-content .register-form .register-step .codingLogoContainer img{height:1.5rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--button: #b3b3b3;--button-color: #0a0a0a;--shadow: #000;--bg: #737373;--header: #7a7a7a;--color: #fafafa;--lit-header: #e6e6e6;--speed: 2s}@property --swing-x{initial-value: 0; inherits: false; syntax: "<integer>";}@property --swing-y{initial-value: 0; inherits: false; syntax: "<integer>";}.error-404{min-height:89vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--color);perspective:1200px;overflow:hidden;overflow-y:hidden}.error-404 *{transform-style:preserve-3d}@media screen and (max-width: 625px){.error-404{min-height:93vh}}.error-404 a{text-transform:uppercase;text-decoration:none;background:var(--button);color:var(--button-color);padding:1rem 4rem;border-radius:4rem;font-size:.875rem;letter-spacing:.05rem}.error-404 p{font-weight:100}.error-404 h1{-webkit-animation:swing var(--speed) infinite alternate ease-in-out;animation:swing var(--speed) infinite alternate ease-in-out;font-size:clamp(5rem,40vmin,20rem);margin:0;margin-bottom:1rem;letter-spacing:1rem;transform:translateZ(0);--x: calc(50% + (var(--swing-x) * .5) * 1%);background:radial-gradient(var(--lit-header),var(--header) 45%) var(--x) 100%/200% 200%;-webkit-background-clip:text;color:transparent}.error-404 h1:after{-webkit-animation:swing var(--speed) infinite alternate ease-in-out;animation:swing var(--speed) infinite alternate ease-in-out;content:"404";position:absolute;top:0;left:0;color:var(--shadow);filter:blur(1.5vmin);transform:scale(1.05) translate3d(0,12%,-10vmin) translate(calc(var(--swing-x, 0) * .03 * 1%),calc(var(--swing-y) * .05 * 1%))}.error-404 .cloak{animation:swing var(--speed) infinite alternate-reverse ease-in-out;height:100%;width:100%;transform-origin:50% 30%;transform:rotate(calc(var(--swing-x) * -.25deg));background:radial-gradient(40% 40% at 50% 48%,transparent,#000 35%)}.error-404 .cloak__wrapper{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden}.error-404 .cloak__container{height:250vmax;width:250vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-404 .info{text-align:center;line-height:1.5;max-width:clamp(16rem,90vmin,25rem)}.error-404 .info>p{margin-bottom:3rem}@-webkit-keyframes swing{0%{--swing-x: -100;--swing-y: -100}50%{--swing-y: 0}to{--swing-y: -100;--swing-x: 100}}@keyframes swing{0%{--swing-x: -100;--swing-y: -100}50%{--swing-y: 0}to{--swing-y: -100;--swing-x: 100}}*{margin:0;padding:0;box-sizing:border-box;font-family:Urbanist,sans-serif}body{background-color:#1a1a1a;color:#fff}a{text-decoration:none;color:inherit}*::-webkit-scrollbar{width:0}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track-piece{background:transparent}::-webkit-scrollbar-thumb{background:#68686880;border-radius:.75rem}