@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{width:100%;height:auto}main section.section-login{width:100%;height:90vh;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='70.141' height='41' patternTransform='scale(2) rotate(40)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(50,21.4%,94.5%,1)'/><path d='M69.212 40H46.118L34.57 20 46.118 0h23.094l11.547 20zM57.665 60H34.57L23.023 40 34.57 20h23.095l11.547 20zm0-40H34.57L23.023 0 34.57-20h23.095L69.212 0zM34.57 60H11.476L-.07 40l11.547-20h23.095l11.547 20zm0-40H11.476L-.07 0l11.547-20h23.095L46.118 0zM23.023 40H-.07l-11.547-20L-.07 0h23.094L34.57 20z' transform='translate(0.5,0)' stroke-width='2' stroke='hsla(231, 70%, 87%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-108,-74)' fill='url(%23a)'/></svg>");background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}main section.section-login .section-main{width:60%;height:auto;display:flex}main section.section-login .section-main .section-login-1,main section.section-login .section-login-2{width:50%;display:flex;justify-content:center;align-items:center;background:#013243}main section.section-login .section-main .section-login-1 .section-login-1-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:50px}main section.section-login .section-main .section-login-1 .section-login-1-main .section-login-1-title{font-size:32px;color:#fff}@media screen and (max-width: 768px){main section.section-login .section-main .section-login-1 .section-login-1-main .section-login-1-title{font-size:24px}}main section.section-login .section-main .section-login-1 .section-login-1-main .section-login-1-text{color:#ffffff94;font-size:18px}main section.section-login .section-main .section-login-1 .section-login-1-main .section-login-1-img{width:100%}main section.section-login .section-main .section-login-1 .section-login-1-main .section-login-1-img img{width:50%;display:block;margin:0 auto}@media screen and (max-width: 768px){main section.section-login .section-main .section-login-1 .section-login-1-main .section-login-1-img img{display:none}}main section.section-login .section-main .section-login-2 .section-login-2-main{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;padding:50px}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-title{font-size:32px}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form{margin-top:25px;display:flex;flex-direction:column;row-gap:20px}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-1,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-2,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-3{display:flex;flex-direction:column;row-gap:8px}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-1 label,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form label,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-3 label{font-weight:500;font-size:15px}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-1 input,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-2 input,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-3 input{padding:12px 15px;border:1px solid #e9e6e6;border-radius:4px;outline:none;font-size:16px;width:100%}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-4{display:flex;column-gap:7px;align-items:center}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-4 p,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-5 p{font-size:14px}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-4 p a,main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-5 p a{font-weight:700;color:#5a1fe0}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-submit-btn button{background:#1f2937;padding:14px;width:100%;color:#fff;outline:none;border:0px;border-radius:5px;font-size:14px;cursor:pointer}main section.section-login .section-main .section-login-2 .section-login-2-main .section-login-2-form .login-form-5 p{text-align:center}@media only screen and (max-width: 1200px){main section.section-login .section-login-1 .section-login-1-main,main section.section-login .section-login-2 .section-login-2-main{width:85%}main section.section-login .section-login-1 .section-login-1-main .section-login-1-title,main section.section-login .section-login-1 .section-login-1-main .section-login-1-form{margin-top:35px}main section.section-login .section-main{width:75%}}@media only screen and (max-width: 900px){main section.section-login .section-main{padding:35px 0}main section.section-login .section-login-1 .section-login-1-main,main section.section-login .section-login-2 .section-login-2-main{width:90%}main section.section-login .section-login-1 .section-login-1-main{height:90%}main section.section-login .section-login-1 .section-login-1-main .section-login-1-title,main section.section-login .section-login-1 .section-login-1-main .section-login-1-form{margin-top:25px}main section.section-login .section-main{flex-direction:column;width:75%;padding:50px 0}main section.section-login .section-main .section-login-1,main section.section-login .section-login-2{width:100%}main section.section-login{height:unset}}@media only screen and (max-width: 600px){main section.section-login .section-main{width:100%;padding:0}main section.section-login .section-main .section-login-2 .section-login-2-main{padding:35px 25px}}header{padding:10px 50px;background-color:#eee}header nav{display:flex;align-items:center}header nav .header-title{flex:1;font-size:24px;font-weight:700;text-decoration:none;color:#000}header nav .header-link,header nav button{display:flex;align-items:center;flex-direction:row;text-decoration:none;font-size:1rem;padding:5px 20px;color:#000;border-left:1px dashed #aaa}header nav .header-link .icon,header nav button .icon{margin-right:.5rem;font-size:large}@media screen and (max-width: 767px){header nav .header-link .icon,header nav button .icon{margin-right:0;font-size:1.5em}}header nav .header-link:hover,header nav button:hover{color:#555}@media screen and (max-width: 767px){header nav .header-link,header nav button{border-bottom:none;border-left:none}}header nav .header-link.active span{color:#111;font-weight:700}@media screen and (max-width: 767px){header nav .header-link.active{border-bottom:none;color:#aaa}}header nav .login{background-color:#fff;border:1px solid #000;border-radius:5px;padding:.5rem 1rem;font-size:16px;font-weight:700;text-decoration:none;color:#000}header nav .login:hover{background-color:#000;color:#fff}@media screen and (max-width: 767px){header .dropdown{display:flex;flex-direction:column-reverse}}header .dropdown .dropdown-menu{position:absolute;background-color:#eee;padding:5px 10px;border-radius:5px;border:1px solid #aaa}header .dropdown .dropdown-menu div:hover{cursor:pointer;color:#aaa}@media screen and (max-width: 767px){header .dropdown .dropdown-placeholder{display:none}}@media screen and (max-width: 767px){header{position:fixed;bottom:0px;width:100%;padding:.5rem 0;border-radius:1.25rem 1.25rem 0 0}header nav{display:flex;justify-content:space-around}header .header-title{position:fixed;top:0rem;padding:1rem;background:#eee;border-radius:0 0 1.25rem 1.25rem;width:100%}header span{display:none}}footer{color:#333;padding:1rem;text-align:center;font-size:1rem}footer a{color:#29f116}@media screen and (max-width: 767px){footer{display:none}}.landing-page{font-family:Poppins,sans-serif;color:#1f2937;max-width:100vw}.landing-page .container{max-width:1100px;margin:0 auto;padding:0 20px;overflow:hidden}.landing-page .hero{background-color:#1f2937;display:flex;align-items:center;justify-content:space-evenly;padding:100px 0}@media screen and (max-width: 768px){.landing-page .hero{flex-direction:row;padding:50px 0;margin-top:50px}}.landing-page .hero .title{font-size:48px;font-weight:700;color:#fff;margin-bottom:20px}@media screen and (max-width: 768px){.landing-page .hero .title{font-size:36px}}.landing-page .hero .subtitle{font-size:24px;font-weight:400;color:#fff;margin-bottom:40px}.landing-page .hero .btn{margin-right:10px;padding:10px 18px;border-radius:4px;text-decoration:none;background-color:#6693e7;color:#1f2937}.landing-page .hero button.btn-secondary{background-color:transparent;border:2px solid #6693e7;color:#6693e7}.landing-page .hero button.btn-secondary:hover{background-color:#6693e7;color:#fff}.landing-page .hero .mock-container img{width:600px}@media screen and (max-width: 768px){.landing-page .hero .mock-container img{display:none}}.landing-page .features{background-color:#f7fafc;padding:80px 0}.landing-page .features .feature{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:60px}.landing-page .features .feature img{width:180px;margin-bottom:20px}.landing-page .features .feature .feature-title{font-size:24px;font-weight:700;margin-bottom:20px}.landing-page .features .feature .feature-description{text-align:center;color:#718096;margin-bottom:0}.landing-page .pricing{background-color:#edf2f7;padding:100px 0}.landing-page .pricing .pricing-title{font-size:36px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:40px}.landing-page .pricing .pricing-cards{display:flex;justify-content:center}@media screen and (max-width: 768px){.landing-page .pricing .pricing-cards{flex-direction:column;gap:20px;align-items:center}}.landing-page .pricing .pricing-cards .pricing-card{background-color:#fff;border-radius:10px;padding:40px;width:300px;text-align:center;margin:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-page .pricing .pricing-cards .pricing-card .pricing-card-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:20px}.landing-page .pricing .pricing-cards .pricing-card .pricing-card-price{font-size:36px;font-weight:700;color:#6693e7;margin-bottom:20px}.landing-page .pricing .pricing-cards .pricing-card .pricing-card-features{list-style-type:none;padding:0;margin-bottom:40px;color:#718096}.landing-page .pricing .pricing-cards .pricing-card .pricing-card-features li{margin-bottom:10px}.landing-page .pricing .pricing-cards .pricing-card .btn{background-color:#6693e7;color:#fff;font-size:20px;font-weight:700;padding:16px 30px;border-radius:4px;border:none;text-decoration:none}.landing-page .pricing .pricing-cards .pricing-card .btn:hover{background-color:#3a74e0}.landing-page .pricing .pricing-cards .pricing-card button.btn-secondary{background-color:transparent;border:2px solid #6693e7;color:#6693e7}.landing-page .pricing .pricing-cards .pricing-card button.btn-secondary:hover{background-color:#6693e7;color:#fff}.landing-page .cta-section{background-color:#4b5563;padding:80px 0;text-align:center}.landing-page .cta-section .cta-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:20px}.landing-page .cta-section .cta-description{font-size:18px;font-weight:400;color:#fff;margin-bottom:40px}.landing-page .cta-section .btn{background-color:#6693e7;color:#fff;font-size:20px;font-weight:700;padding:16px 30px;border-radius:4px;text-decoration:none}.landing-page .cta-section .btn:hover{background-color:#3a74e0}.container{margin:3rem 0;display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 768px){.container{grid-template-columns:1fr}}.box{box-shadow:0 10px 36px #00000029,0 0 0 1px #0000000f;min-height:50rem;margin:auto 30px;padding:20px;border-radius:5px}@media screen and (max-width: 768px){.box{margin:0;min-height:auto}}.start-session-container{display:flex;flex-direction:column;align-items:center;gap:30px}.start-session-container .start-session{display:flex;align-items:center;padding:20px;width:350px;height:350px;border-radius:50%;background-color:#eee}.start-session-container .start-session .play-icon{width:150px;height:150px;margin:0 auto;color:#000}.start-session-container .start-session .play-icon:hover{color:#aaa}.start-session-container .dropdown{font-size:1.5rem}.start-session-container .dropdown .dropdown-menu{padding:10px;border-radius:5px;background-color:#eee}.start-session-container .dropdown .dropdown-menu div{padding:10px;border-bottom:3px solid #ddd}.start-session-container .dropdown .dropdown-menu div:hover{cursor:pointer;background-color:#ddd}.start-session-container .dropdown .dropdown-placeholder{display:none}.start-session-container .dropdown .dropdown-text{display:flex;align-items:center;gap:10px;font-weight:700}@media screen and (max-width: 768px){.recent-logs-container{display:none}}.recent-logs-container .logs{display:grid;gap:20px;overflow:auto;grid-template-columns:repeat(5,1fr);padding:20px}@media screen and (max-width: 768px){.recent-logs-container .logs{display:none}}.recent-logs-container .logs .log{padding:20px;border-radius:5px;text-align:center;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.recent-logs-container .logs .log:hover{cursor:pointer;color:#aaa}.recording-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0003;padding:10px;margin:10px}.recording-box__browser-not-supported{margin-bottom:10px;font-size:large;color:gray}.recording-box__buttons{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.recording-box__buttons button{width:40px;border-radius:5px;border:none;font-size:1em;font-weight:700;cursor:pointer;margin:0 10px}.recording-box__buttons button:hover{background-color:#333;color:#fff}.recording-box textarea{width:80%;height:400px;font:1em Roboto,sans-serif;padding:10px;border-radius:5px;border:none;resize:none}.recording-box textarea:focus{outline:none}.recording-box textarea:disabled{background-color:#fff}.session{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 0 0}.session__phase-title{font-size:2.5rem;margin-bottom:10px}.session__timer{font-size:6rem;font-weight:600;margin-bottom:10px}@media screen and (max-width: 768px){.session__timer{font-size:4rem}}.session__question{text-align:center}.session__question__title{font-size:5rem;margin-bottom:10px}@media screen and (max-width: 768px){.session__question__title{font-size:3rem}}.session__question__phase{font-size:3rem;margin-bottom:10px}@media screen and (max-width: 768px){.session__question__phase{font-size:2rem}}.flex-container{display:flex;justify-content:center;align-items:center;height:90vh;color:#fff;animation:colorSlide 15s cubic-bezier(.075,.82,.165,1) infinite}.flex-container .text-center{text-align:center}.flex-container .text-center h1,.flex-container .text-center h3{margin:30px;cursor:default}.flex-container .text-center h1 .fade-in,.flex-container .text-center h3 .fade-in{animation:fadeIn 2s ease infinite}.flex-container .text-center h1{font-size:8em;transition:font-size .2s ease-in-out;border-bottom:1px dashed white}.flex-container .text-center h1 span#digit1{animation-delay:.2s}.flex-container .text-center h1 span#digit2{animation-delay:.3s}.flex-container .text-center h1 span#digit3{animation-delay:.4s}.flex-container .text-center .button{border:1px solid white;background:transparent;outline:none;padding:10px 20px;font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;transition:background-color .2s ease-in;margin:20px 50px;text-decoration:none}.flex-container .text-center .button:hover{background-color:#fff;color:#555;cursor:pointer}@keyframes colorSlide{0%{background-color:#aeb5c9}50%{background-color:#565f7a}to{background-color:#bfcbec}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logs-containter{padding:25px}@media screen and (max-width: 768px){.logs-containter{padding:40px 15px 80px}}.logs-containter h1{font-size:24px;margin-bottom:20px}@media screen and (max-width: 768px){.logs-containter h1{margin-top:45px}}.logs-containter .logs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;list-style:none;overflow-y:scroll}@media screen and (max-width: 768px){.logs-containter .logs-grid{grid-template-columns:100%}}.logs-containter .logs-grid .log-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px}.logs-containter .logs-grid .log-card__date{display:flex;align-items:center;gap:10px;float:right}.logs-containter .logs-grid .log-card__date__delete-log-icon{cursor:pointer}.logs-containter .logs-grid .log-card__date__delete-log-icon:hover{color:#999}.logs-containter .logs-grid .log-card__answer{font-size:1em;margin:10px 0;word-wrap:break-word;color:#666}.session-card .session-card-header{display:flex;justify-content:space-between;align-items:center}.session-card .session-card-header .btn-container{display:flex;gap:10px}.session-card .sessionInput{border:none;font-size:16px;font-weight:700;padding:5px;resize:none;background:none}.session-card.active .sessionInput{border:none;font-size:16px;font-weight:700;padding:5px;resize:none;background:none;color:#fff}.session-card.active .sessionInput:focus{outline:none;color:#fff}.questionCard{width:500px;height:7rem;margin:0 auto;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003}@media screen and (max-width: 767px){.questionCard{width:100%}}.questionCard .btn-note{float:right;margin:0 5px;border:none;font-size:1em;color:#000;cursor:pointer}.questionCard .questionInput{border:none;font-size:16px;font-weight:700;padding:5px;resize:none}.questionCard .questionInput:focus{outline:none}.questionCard .timeSelectSection{display:flex;align-items:center;gap:10px}.questionCard .timeSelectSection .timeSelectLabel{font-size:14px;font-weight:700}.questionCard .timeSelectSection .timeSelectInput{width:50px;height:30px;border-radius:5px;border:1px solid #000;padding:0 5px}.sessionConfig{display:flex;justify-content:center;gap:50px;margin-top:50px}@media screen and (max-width: 767px){.sessionConfig{flex-direction:column;align-items:center;gap:20px}}.sessionConfig .sessions-container{display:flex;flex-direction:column;gap:20px;overflow-y:scroll;height:500px;width:600px}@media screen and (max-width: 767px){.sessionConfig .sessions-container{overflow-x:scroll;flex-direction:row;max-width:100%;max-height:100px}.sessionConfig .sessions-container .session-card{height:100px}}.sessionConfig .sessions-container .session-card{padding:20px;width:100%;border-radius:10px;box-shadow:0 0 10px #0003}.sessionConfig .sessions-container .session-card:hover{cursor:pointer;border:#000 solid 2px}.sessionConfig .sessions-container .session-card:focus{outline:none;color:#fff}.sessionConfig .sessions-container .session-card.active{background-color:#000;color:#fff}@media screen and (max-width: 767px){.sessionConfig .sessions-container{width:100%;height:100%}.sessionConfig .sessions-container .session-card{width:100%}}.sessionConfig .questions-container{display:flex;flex-direction:column;width:600px;gap:20px}@media screen and (max-width: 767px){.sessionConfig .questions-container{width:100%;height:100%;overflow-y:scroll}}.sessionConfig .questions-container .qc-header{display:flex;justify-content:space-between;align-items:center}.newQuestionBtn,.newSessionBtn{display:flex;align-items:center;justify-content:center;gap:10px;height:2rem;border-radius:5px;border:none;background-color:#000;color:#fff;font-size:16px;cursor:pointer}.newQuestionBtn:hover,.newSessionBtn:hover{background-color:#333}.user-settings{width:500px;margin:0 auto;display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 768px){.user-settings{width:400px;padding:60px 30px}}.user-settings__title{font-size:50px;margin-bottom:10px}.user-settings__data{display:flex;flex-direction:column;gap:10px}.user-settings__data__username,.user-settings__data__email{font-size:1.25em}.user-settings__danger-zone{display:flex;flex-direction:column;gap:20px}.user-settings__danger-zone__title{display:flex;align-items:center;gap:10px}.user-settings__danger-zone__delete-button{background-color:#111;color:#fff;font-size:large;padding:10px 20px;border-radius:5px;cursor:pointer}.user-settings__danger-zone__delete-button:hover{background-color:#fff;color:#111}.user-settings__danger-zone__delete-confirm{display:flex;align-items:center;flex-direction:column;gap:20px}.user-settings__danger-zone__delete-confirm__buttons{display:flex;justify-content:center;gap:20px}.user-settings__danger-zone__delete-confirm__buttons button{display:flex;align-items:center;gap:10px;background-color:#fff;color:#000;border:3px solid #000;padding:10px 25px;border-radius:5px;font-size:1em;cursor:pointer}.user-settings__danger-zone__delete-confirm__buttons button:hover{background-color:#000;color:#fff}