@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";*{font-family:Poppins,sans-serif;margin:0;padding:0}.back-button{position:fixed;top:20px;left:20px;color:#3d5a92;border-radius:5px;border:none;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}.back-button:hover{background-color:#3d5a92;color:#fff;transition:background-color .3s}.interview-container{max-width:800px;margin:120px auto;padding:20px;box-shadow:0 0 10px #0000004b;background-color:#fff;border-radius:5px}.interview-question span{color:#3d5a92;font-weight:700;font-size:20px}.interview-question p{margin-top:20px;font-size:16px}.interview-answer{display:flex;flex-direction:column;align-items:flex-end}.interview-answer textarea{width:100%;height:200px;resize:none;margin-top:20px;padding:10px;font-size:14px;border:1px solid #ccc;box-sizing:border-box;border-radius:5px}.interview-answer button{margin-top:20px;background-color:#3d5a92;color:#fff;border-radius:5px;border:none;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}.interview-answer button:hover{background-color:#357abd;transition:background-color .3s}.button-disabled{background-color:#ccc;cursor:not-allowed}.feedback-summary{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5%}.feedback-container{width:45%;padding:20px;box-sizing:border-box;border-radius:5px;margin:20px auto;box-shadow:0 0 10px #0000004d;background-color:#fff}.feedback-container h3{margin-bottom:10px;color:#3d5a92}.feedback-container p{margin:10px}.feedback-positive,.feedback-improvement{padding:10px;border-radius:5px;margin-bottom:10px}.feedback-positive{background-color:#d4edda}.feedback-improvement{background-color:#f8d7da}.microfone-button{width:80px;height:80px;display:flex;justify-content:center;align-items:center}.microfone-button img{width:100px}.microfone-button,.next-button{background-color:#3d5a92;color:#fff;border-radius:50%;border:none;padding:20px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}.next-button:disabled,.button-disabled{opacity:.5;cursor:not-allowed}.feedback-container .feedback-answer{margin-top:2%;margin-bottom:2%}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;font-size:3em}.loading-screen p{animation:pulse 1.5s infinite}@media screen and (max-width: 1000px){.interview-container{width:90%;margin:50px auto}.feedback-summary{margin-top:5%;flex-direction:column;align-items:center;text-align:center}.feedback-container{width:90%}}.login{background-color:#f8f8f8;height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.App-login{width:fit-content;box-shadow:0 2px 4px #00000060;padding:2%;border-radius:10px;background-color:#fff;margin:10% auto;padding:5rem;width:40%;display:flex;flex-direction:column;gap:2rem}.App-login h1{font-size:5vh}.App-login form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.App-login form input{width:100%;padding:1rem;border:1px solid #3d5a92;border-radius:5px;font-size:1rem}.App-login form input:focus{outline:none;border-color:#2c4373;box-shadow:0 0 5px #4c6eb8;transition:border-color .3s,box-shadow .3s}.App-login form button{padding:1rem;border:none;border-radius:5px;background-color:#3d5a92;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s;font-size:1rem;margin-top:1rem;width:50%}.App-login form button:hover{background-color:#2c4373}.App-login p{text-align:center}.message{color:#e7273d;font-size:1.2em;text-align:center;font-weight:700}@media screen and (max-width: 1200px){.App-login{width:90%}}@media screen and (max-width: 768px){.App-login h1{font-size:4vh}}.cadastro{background-color:#f8f8f8;height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.App-cadastro{width:fit-content;box-shadow:0 2px 4px #00000060;padding:2%;border-radius:10px;background-color:#fff;margin:10% auto;padding:5rem;width:40%;display:flex;flex-direction:column;gap:2rem}.App-cadastro h1{font-size:5vh}.App-cadastro form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.App-cadastro form input{width:100%;padding:1rem;border:1px solid #3d5a92;border-radius:5px;font-size:1rem}.App-cadastro form input:focus{outline:none;border-color:#2c4373;box-shadow:0 0 5px #4c6eb8;transition:border-color .3s,box-shadow .3s}.App-cadastro form button{width:100%;padding:1rem;border:none;border-radius:5px;background-color:#3d5a92;color:#fff;font-size:1rem;cursor:pointer;font-weight:700;transition:background-color .3s;width:50%}.App-cadastro form button:hover{background-color:#2c4373;transition:background-color .3s}.App-cadastro p{text-align:center}@media (max-width: 768px){.App-cadastro{width:80%}.App-cadastro h1{font-size:2em}}.home{background-color:#f8f8f8;height:100vh}.home .user img{width:5vh;margin-top:1vh;position:fixed;right:1vh;cursor:pointer;z-index:1001}.pop-up{display:none;position:fixed;top:8vh;right:1vh;width:20vw;min-width:150px;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0003;z-index:1000;color:#000;padding:10px}.pop-up p{font-size:1.2em;font-weight:500;margin-bottom:10px}#exit-button{text-decoration:none;color:#b4162b;font-size:1.2em;font-weight:700;cursor:pointer}#exit-button:hover{color:red;transition:color .3s}.pop-up.active{display:block}.prev-conversations{display:flex;flex-direction:column;gap:1vh;width:fit-content;background-color:#fff;height:100vh;position:fixed;top:0;left:0;z-index:1000;padding:2vh;box-shadow:0 2px 5px #0003;border-radius:0 10px 10px 0}.prev-conversations h2{font-size:1.5em;font-weight:500;margin-bottom:1vh}.prev-conversations ul{list-style:none;padding:0}.prev-conversations li{font-size:1.2em;font-weight:500;cursor:pointer}.conversation h2{color:#3d5a92;font-weight:500;margin-bottom:5vh}.conversation-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;box-shadow:0 2px 5px #0003;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-bottom:2vh;font-size:1em}.conversation-list li:hover{background-color:#f8f8f8}.clear{color:#df5f70}.clear:hover{color:red;transition:color .5s}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:80vh}.header h1{font-size:4em;color:#3d5a92;margin-bottom:1vh}.header p{font-size:1.5em;margin-bottom:4vh}.header button{padding:10px 20px;font-size:1.2em;background-color:#3d5a92;color:#fff;border:none;border-radius:5px;cursor:pointer}.header button:hover{background-color:#2c4372;transition:background-color .3s}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;justify-content:center;align-items:center;display:flex;flex-direction:column}.modal-content{width:50%;background:#fff;padding:20px;border-radius:5px;box-shadow:0 4px 6px #0000001a}.modal-content h2{font-size:2em;color:#3d5a92}.modal-content label{font-size:1.2em;font-weight:500;color:#464646}.modal-content button{padding:10px 20px;font-size:1.2em;background-color:#3d5a92;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal-content button:hover{background-color:#2c4372;transition:background-color .3s}#cancel-creation{margin-left:2vh;background-color:#bd4454}#cancel-creation:hover{background-color:red;transition:background-color .3s}.session-name{width:100%;padding:10px;font-size:1.2em;margin-top:1vh;border:1px solid #ccc;border-radius:5px;margin-bottom:2vh}.session-name:focus{outline:none;transition:border .3s;border:1px solid #3d5a92;box-shadow:0 2px 2px #3d5a92}.session-name::placeholder{color:#ccc}.curriculo{margin-bottom:2vh;color:#464646;margin-top:1vh}.description{margin-top:1vh;margin-bottom:1vh;color:#464646;width:100%;height:15vh;padding:10px;border:1px solid #ccc;border-radius:5px;font-family:Poppins,sans-serif;resize:none;font-size:1em}.description:focus{outline:none;transition:border .3s;border:1px solid #3d5a92;box-shadow:0 2px 2px #3d5a92}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh}.modal-title .clear{cursor:pointer}#entrevista-button{margin-top:3%;margin-bottom:3%;padding:10px 20px;background-color:#223b6d;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;width:200px;font-weight:700;font-family:Poppins,sans-serif;text-align:center;text-decoration:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;font-size:3em}.loading-overlay p{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media screen and (max-width: 1000px){.home .user img{width:8vh;margin-top:1vh;right:1vh}.modal-content{width:75%}.header h1{font-size:3em}.header p{font-size:1.2em}.header button,.session-name{font-size:1em}.description{font-size:.9em}.modal-content h2{font-size:1.5em}.modal-content label,.modal-content button{font-size:1em}.curriculo{font-size:.8em}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Poppins,sans-serif;width:100%;overflow-x:hidden;scroll-behavior:smooth}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#fff;position:fixed;width:100%;top:0;padding:.6% 1%;box-shadow:0 2px 4px #0000001a;border-radius:0 0 10px 10px;z-index:1000}.navbar-logo{width:8vw}.nav-links{list-style:none;display:flex;margin-top:.5%}.nav-links li{padding:20px;font-size:1em}.nav-links a{color:#000;text-decoration:none;font-weight:700;transition:color .3s}.nav-links a:hover{color:#3d5a92}.App-header{scroll-margin-top:200px}.App-header h1,.App-header p{color:#fff;text-align:center;margin:13% 0 0;padding:10px;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:6vw;z-index:1}.App-header p{font-size:1.8vw;z-index:1;margin-top:0%}.App-header h1 strong{color:#335495;filter:drop-shadow(0 2px 4px rgba(4,18,46,.749));filter:brightness(1.5);z-index:1}.App-header img{width:100%;height:90%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1;filter:brightness(.4);clip-path:ellipse(100% 80% at 50% 20%)}#about{scroll-margin-top:120px}.App-about{margin-top:22%;padding:20px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.App-about h2{font-size:2.5rem;margin-bottom:20px;color:#000;display:flex;justify-content:center}.App-about p{font-size:1.3rem;color:#000}.App-about .steps{display:flex;justify-content:center;align-items:center;width:100%;margin-top:3%;text-align:center}.App-about .steps div{display:flex;flex-direction:column;align-items:center}.App-about .steps .step1,.App-about .steps .step2,.App-about .steps .step3{display:flex;justify-content:center;align-items:center;width:100%}.App-about .steps .step2 img,.App-about .steps .step3 img{width:200px;height:200px;object-fit:cover;background-color:#fff}.App-about .steps .step1 img{width:170px;height:170px;background-color:#fff;margin-bottom:4.5%}.App-about span{font-size:3rem;color:#122852;align-self:center}.separator{margin-top:8%;height:100px;background-color:#335495;width:100%;border-radius:45% 55% 0 0}.start-now{background-color:#335495;color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:1.5rem}#signup-button{margin-top:3%;margin-bottom:3%;padding:10px 20px;background-color:#223b6d;color:#fff;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;width:200px;font-weight:700;font-family:Poppins,sans-serif;box-shadow:0 4px 8px #00000080;text-align:center;text-decoration:none}#signup-button:hover{background-color:#3d5a92;transition:background-color .5s}#login-button{background-color:#223b6d;padding:10px 20px;color:#fff;border:none;border-radius:10px}#login-button:hover{background-color:#3d5a92;transition:background-color .5s}@media screen and (max-width: 1024px){.App-header h1{font-size:8vw;margin-top:10%}.App-header p{font-size:2.5vw}.App-about h2{font-size:2rem;margin-top:25%}.App-about p{font-size:1rem}.start-now{font-size:1.5rem;text-align:center}}@media screen and (max-width: 700px){.navbar-logo{width:15vw}.nav-links li{padding:10px;font-size:.8em}.App-header h1{font-size:11vw}.App-header p{font-size:3.5vw}.App-about h2{font-size:2rem;margin-top:40%}.App-about p{font-size:1rem}.App-about .steps{margin-top:5%;display:flex;flex-direction:column;align-items:center}.App-about span{rotate:90deg;margin-top:5%}.App-about .steps div{margin-top:5%}.App-about .steps .step1 img,.App-about .steps .step2 img,.App-about .steps .step3 img{width:150px;height:150px}.App-about span{font-size:2rem}.separator{height:50px}.start-now{font-size:1.1rem;text-align:center}#signup-button{font-size:.8rem;width:150px}}