@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--roxo-codi: #a243d2;--fonte-marrom: #211b15;--fonte-preta: #1c1c1c;--gray-900: #111827;--gray-950: #030712;--faded: linear-gradient( 97.57deg, #29e0a9 -12.7%, #5f75f2 32.64%, #9956f6 78.49%, #e254ff 109.78% )}.nav-container{font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px;background-color:var(--gray-900);border-bottom:1px solid var(--gray-950);height:3rem}.left-container{padding:10px;border-radius:10px}.left-container img{width:8rem;cursor:pointer}.right-container{border:1px solid white;color:#fff;padding:10px;border-radius:10px}.right-container:hover{transform:scale(1.1);transition:ease-in-out;background-image:var(--faded);border:none;cursor:pointer}.left-container:hover{transform:scale(1.05);transition:ease-in-out}.right-container-logged{border:1px solid aliceblue;color:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;gap:10px}.right-container-logged img{border-radius:50%;width:1.75em;height:1.75em}#logout:hover{cursor:pointer;transform:scale(1.15);color:red}@media (max-width: 768px){.nav-container{font-size:16px;padding:15px}.left-container img{width:6rem}.right-container,.right-container-logged{padding:8px;font-size:14px}.right-container-logged img{width:1em;height:1em}}:root{--roxo-codi: #a243d2;--fonte-marrom: #211b15;--fonte-preta: #1c1c1c;--gray-400: #9ca3af;--gray-900: #111827;--gray-950: #030712;--gray-500: #6b7280;--faded: linear-gradient( 97.57deg, #29e0a9 -12.7%, #5f75f2 32.64%, #9956f6 78.49%, #e254ff 109.78% )}.header-container{background-color:var(--gray-900);font-family:Montserrat,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10vh auto;gap:5vh;margin-top:4rem}.header-container .logo img{width:10rem}.header-text{font-size:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2vh;color:#fff}.header-text span{background-image:var(--faded);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-text p{color:var(--gray-500);font-weight:600}.logo:hover{transform:scale(1.05);transition:ease-in-out}.btn-start{font-size:18px;letter-spacing:1px;font-weight:600;color:#fff;padding:20px;width:250px;border:none;outline:none;border-radius:10px;background-image:var(--faded)}.btn-start:hover{transform:scale(1.05);transition:ease-in-out}@media (max-width: 768px){.header-container{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.header-container .logo img{width:10rem}.header-text{font-size:16px}.btn-start{font-size:16px;padding:15px;width:200px}}:root{--roxo-codi: #A243D2;--fonte-marrom: #211B15;--fonte-preta: #1C1C1C;--gray-400: #9ca3af;--gray-900: #111827;--gray-950: #030712;--faded: linear-gradient(97.57deg, #29e0a9 -12.7%, #5f75f2 32.64%, #9956f6 78.49%, #e254ff 109.78%)}.footer-container{font-family:Montserrat,sans-serif;color:var(--gray-400);border-top:1px solid var(--gray-950)}.text{display:flex;justify-content:center;align-items:center;margin:15px}.text:hover{color:var(--roxo-codi)}@media (max-width: 768px){.footer-container{padding:10px}.text{font-size:12px;margin:10px}}:root{--roxo-codi: #A243D2;--fonte-marrom: #211B15;--fonte-preta: #1C1C1C;--gray-900: #111827;--gray-950: #030712;--faded: linear-gradient(97.57deg, #29e0a9 -12.7%, #5f75f2 32.64%, #9956f6 78.49%, #e254ff 109.78%)}.progress-container{display:flex;align-items:center;justify-content:center;padding:3rem}.progress-bar{position:relative;width:100%;max-width:400px;height:20px;background:#e0e0e0;border-radius:20px;overflow:hidden;font-family:Montserrat,sans-serif}.progress-fill{height:100%;background:var(--faded);border-radius:20px 0 0 20px;transition:width .3 ease}.progress-text{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;color:var(--gray-400);font-weight:600;line-height:40px;letter-spacing:1px;font-size:20px}@media (max-width: 768px){.progress-container{margin-top:1rem;gap:10px}.progress-bar{max-width:300px}.progress-text{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--gray-900);padding:4rem;border-radius:8px;text-align:center;position:relative}.modal-text{color:#fff;font-size:20px;letter-spacing:2px}.modal-close{position:absolute;top:10px;right:10px;border:none;background:none;font-size:18px;cursor:pointer;color:var(--faded)}.modal-close:hover{transform:scale(1.25);transition:ease-in-out}.btn-finalize{margin-top:2rem;letter-spacing:1px;font-size:14px;font-weight:700;color:#fff;padding:10px;width:200px;border:1px solid white;background:transparent;border-radius:10px}.btn-finalize:hover{transform:scale(1.1);border:none;transition:ease-in-out;background-image:var(--faded);cursor:pointer}@media (max-width: 768px){.modal-content{padding:2rem;font-size:14px}.modal-text{font-size:16px}.btn-finalize{width:100%;padding:12px}}@media (max-width: 480px){.modal-content{padding:1rem}.modal-text{margin-top:1.5rem;font-size:14px}.btn-finalize{border:none;transition:ease-in-out;background-image:var(--faded);width:70%}}.container-pratica{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem}.container-pratica .texto-pratica{color:var(--gray-400);text-align:center;font-size:22px}.texto-pratica span{background-image:var(--faded);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container-pratica .texto-pratica img{width:200px}.container-pratica .texto-pratica p{margin:1rem;letter-spacing:1px;font-size:18px}.container-pratica .input-pratica textarea{font-size:14px;width:30rem;height:8rem;border:none;outline:none;border-radius:5px;padding:10px;letter-spacing:1px;resize:none}.container-pratica .footer-pratica{margin-bottom:1rem;padding:.5rem}.container-pratica .footer-pratica .btn-continue,.btn-skip,.container-pratica .start-pratica .btn-start{padding:15px;width:200px;border:none;outline:none;font-size:16px;letter-spacing:1px;border-radius:10px}.answer-display{color:var(--gray-400);font-size:20px}.btn-restart{margin:5vh auto;display:block}.btn-skip{margin-left:1vw}.btn-continue:hover{transform:scale(1.05)}.success-message{color:green;font-size:30px}.error-message{color:red;font-size:30px}.btn-start{display:flex;align-items:center;justify-content:center}.loading-animation{border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container-pratica{padding:1rem;gap:1.5rem}.container-pratica .input-pratica textarea{width:15rem;height:6rem;font-size:14px}.container-pratica .footer-pratica{display:flex;align-items:center;justify-content:center;gap:10px}.container-pratica .footer-pratica button{width:60%}}@media (max-width: 480px){.container-pratica .input-pratica textarea{height:8rem;font-size:12px;width:16rem}.container-pratica .footer-pratica{display:flex;align-items:center;justify-content:center;gap:10px}.container-pratica .footer-pratica button{width:60%;color:var(--gray-400)}}.container-final{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;font-weight:700}.container-final h1{color:var(--primary-color);font-size:2.5rem}.container-final p{font-size:1.2rem;color:var(--gray-400)}.header-final{font-size:2.5rem;padding:2rem;background-image:var(--faded);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.sub-final,.acertos-final{font-size:2rem;letter-spacing:1px}.acertos-final span{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--faded)}.progress-final{font-size:2rem;letter-spacing:1px}.progress-final span{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--faded)}.btn-voltar{padding:15px 30px;background:transparent;color:#fff;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;border:1px solid white;letter-spacing:1px}.btn-voltar:hover{transform:scale(1.1);border:none;transition:ease-in-out;background-image:var(--faded);cursor:pointer}@media (max-width: 768px){.container-final h1{font-size:2rem}.container-final p{font-size:1rem}.header-final{font-size:2rem}.acertos-final,.progress-final{font-size:1.5rem}.btn-voltar{padding:10px 20px;font-size:.9rem;border:none;transition:ease-in-out;background-image:var(--faded)}}:root{--roxo-codi: #A243D2;--fonte-marrom: #211B15;--fonte-preta: #1C1C1C;--gray-900: #111827;--gray-950: #030712;--gray-1000: #010307;--faded: linear-gradient(97.57deg, #29e0a9 -12.7%, #5f75f2 32.64%, #9956f6 78.49%, #e254ff 109.78%)}*{margin:0;padding:0}body{height:100vh}.App{background-color:var(--gray-900);min-height:100vh;display:flex;flex-direction:column}.App .container{flex:1}button{cursor:pointer}