@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap";.nav-container{position:fixed;bottom:0;height:6dvh;width:100dvw;display:flex;align-items:center;justify-content:space-between;padding:1dvw;background-color:var(--navbar-bg);border-top:1px solid var(--gray-950);flex-wrap:wrap;align-content:center}.center-container{flex:1;display:flex;justify-content:center}.nav-links{flex:1;display:flex;justify-content:center;align-items:center;gap:10dvw}.nav-links .nav-item{text-decoration:none;color:#fff;font-weight:600;font-size:18px;transition:color .3s ease-in-out}.nav-links .nav-item:hover,.nav-links .active{color:var(--roxo-codi)}.right-container{display:flex;align-items:center;gap:10px}.material-symbols-outlined{cursor:pointer}.user-img{height:4dvh;border-radius:50%}.header-container{background-color:var(--gray-900);font-family:Montserrat,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;text-align:center;margin-bottom:5dvh}.header-container .logo img{width:10rem;transition:transform .3s ease-in-out;margin-block:3vh}.header-container .logo img:hover{transform:scale(1.05)}.header-text{font-size:42px;display:flex;flex-direction:column;gap:1.5vh;color:#fff;max-width:800px}.header-text h1{font-size:42px;font-weight:700;margin-bottom:20px}.header-text span{background-color:var(--roxo-codi);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-text p{color:var(--fonte-cinza)!important;font-weight:400;font-size:24px;line-height:1.5;max-width:650px;margin:0 auto}.mobile-buttons{display:none;flex-direction:column;gap:12px;margin:0 auto 30px;width:100%;max-width:300px}.mobile-practice-btn{background-color:var(--roxo-codi);color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;text-decoration:none;font-size:16px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px #0000001a}.mobile-practice-btn:hover,.mobile-practice-btn:active{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}@media (max-width: 768px){.header-text{font-size:18px}.header-text h1{font-size:24px;margin-bottom:20px}.header-text p{font-size:16px}.mobile-buttons{display:flex}.btn-start{font-size:16px;width:200px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0009;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:#1e1e2e;padding:25px;border-radius:12px;width:90%;max-width:400px;text-align:center;color:#fff;box-shadow:0 8px 20px #0000004d;animation:slideDown .4s ease}.modal-content h2{margin-bottom:12px;color:#fc0;font-size:22px}.modal-content p{font-size:14px;color:#d1d1d1;margin-bottom:20px}.modal-content input{width:85%;padding:12px;border:1px solid #555;background:#2c2c3a;border-radius:8px;text-align:center;font-size:16px;color:#fff;outline:none;margin-top:10px}.modal-button-wrapper{margin-top:20px;display:flex;justify-content:center;width:100%}.cancel-button-wrapper{margin-top:10px}.btn-activate,.btn-cancel{padding:10px 18px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .3s ease;width:80%}.btn-activate{background:#00c851;color:#fff}.btn-cancel{background:#f44;color:#fff}.btn-activate:hover{background:#007e33;transform:scale(1.05)}.btn-cancel:hover{background:#c00;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-message{margin-top:12px;font-size:14px;font-weight:700}.modal-message.error{color:#f44}.modal-message.success{color:#00c851}.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(--roxo-codi)}.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;background-color:var(--roxo-codi)}.btn-finalize:hover{transform:scale(1.1);border:none;transition:ease-in-out;background-color:var(--roxo-codi);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-color:var(--roxo-codi);width:70%}}.practice-container{display:flex;width:100vw;padding-inline:1vw;padding-block:1vh;flex-direction:column;align-items:center;justify-content:center;color:var(--fonte-cinza)!important;max-width:40rem}.start-section{text-align:center;font-family:Montserrat,sans-serif}.body-text{font-size:16px;line-height:1.6;font-weight:600}.start-button{margin-top:3dvh;font-size:16px;font-weight:600;padding:16px;color:#fff;border:none;border-radius:10px;cursor:pointer;background:var(--roxo-codi);transition:transform .3s ease-in-out}.start-button:hover{transform:scale(1.05)}.btn-skip{background-color:var(--verde-codi);color:#fff}.btn-continue{background-color:var(--roxo-codi);color:#fff}.btn-end{background-color:var(--azul-codi);color:#fff}.btn-continue:hover,.btn-skip:hover,.btn-start:hover,.btn-end:hover{transform:scale(1.05)}.btn-continue,.btn-skip,.btn-start,.btn-end{padding:15px;width:29vw;max-width:128px;margin-inline:1vw;border:none;outline:none;font-size:16px;letter-spacing:1px;border-radius:10px;color:#fff}.footer-pratica{margin-bottom:1rem}.footer-pratica .start-pratica{width:200px;border:none;outline:none;font-size:16px;letter-spacing:1px;border-radius:10px}.texto-pratica{color:var(--gray-400);text-align:center;font-size:22px}.texto-pratica span{background-color:var(--roxo-codi);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.texto-pratica img{width:200px}.texto-pratica p{margin:1rem;letter-spacing:1px;font-size:18px}.input-pratica{width:100%;padding:.5rem}.input-pratica textarea{font-size:14px;width:100%;height:8rem;border:none;outline:none;border-radius:5px;padding:10px;letter-spacing:1px;resize:none}.footer-pratica{margin-bottom:1rem;padding:.5rem}.resumo,.resposta{margin-top:1rem;font-size:18px;padding:.8rem 1.2rem;background-color:#2c2c3a;border-radius:8px;text-align:left}.resumo strong,.resposta strong{color:var(--azul-codi)}.loading{margin-top:1rem;font-style:italic;color:#fc0;font-size:16px}audio{margin:1rem}:root{--roxo-codi: #A243D2;--verde-codi: #1AAEA1;--azul-codi: #3E72FF;--navbar-bg: #121212;--fonte-cinza: #9ca3af;--gray-900: #111827;--gray-950: #030712;--gray-1000: #010307}*{margin:0;padding:0;box-sizing:border-box}body{height:100dvh;background-color:#121212}.App{min-height:94dvh;background-color:var(--gray-900);display:flex;flex-direction:column}.App .container{flex:1;padding-inline:3dvw;padding-block:3dvh;align-items:center;align-content:center;justify-items:center;justify-content:center}button{cursor:pointer}.alert{padding:15px;border:1px solid transparent;border-radius:5px}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-success .alert-link{color:#2b542c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block:1rem;padding-inline:.5rem}.progress-bar{width:100%;max-width:400px;height:25px;background-color:#fff;border-radius:10px;overflow:hidden;border:1px solid black}.progress-fill{height:100%;background-color:green;width:0%;transition:width .5s ease-in-out}.progress-text{color:var(--gray-400);font-size:18px;margin:5px 0 0 10px}.ranking-container{text-align:center;margin-bottom:5dvh;color:var(--fonte-cinza)}.ranking-container h2{font-size:26px;margin-block:3dvh;margin-inline:3dvw;font-weight:700;color:#fff}.ranking-list li{display:flex;align-items:center;justify-content:space-between;padding-block:1dvh;margin-inline:1dvw;border-bottom:2px solid var(--gray-950);font-size:18px;font-weight:500;transition:background .3s,transform .1s ease-in-out;border-radius:8px}.ranking-list li:hover{background:var(--gray-950);transform:scale(1.02)}.ranking-medal{text-align:start;font-size:22px;font-weight:700;width:19%}.gold{color:gold}.silver{color:silver}.bronze{color:#cd7f32}.default{color:var(--fonte-cinza);font-weight:700}.points{width:40%}.container-final{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;font-weight:700;background:#1e1e2e;color:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 16px #0003;width:90%;max-width:500px;margin:50px auto}.header-final{font-size:2.5rem;background-color:var(--roxo-codi);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub-final{font-size:1.2rem;color:#d1d1d1}.motivational-message{font-size:1.5rem;font-weight:700;color:#fc0}.acertos-final{font-size:1.8rem;color:#fff}.acertos-final span{font-weight:700;color:#fc0}.progress-bar-container{width:100%;max-width:400px;height:20px;background:#333;border-radius:10px;overflow:hidden;border:1px solid #555}.button-group{display:flex;gap:15px}.btn-voltar,.btn-ranking{padding:12px 20px;font-size:1rem;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:transform .2s ease-in-out}.btn-inicio{margin-top:2rem;letter-spacing:1px;font-size:14px;font-weight:700;color:#fff;padding:10px;width:200px;border:1px solid white;border-radius:10px;background-color:var(--roxo-codi)}.btn-inicio:hover{transform:scale(1.1);border:none;transition:ease-in-out;background-color:var(--roxo-codi);cursor:pointer;border:1px solid white}.btn-voltar{background:#ff0080;color:#fff}.btn-ranking{background:#fc0;color:#000}.btn-voltar:hover,.btn-ranking:hover{transform:scale(1.1)}@media (max-width: 768px){.header-final{font-size:2rem}.sub-final{font-size:1rem}.acertos-final{font-size:1.5rem}.btn-voltar,.btn-ranking{padding:10px 15px;font-size:.9rem}}.auth-container{background:#d8d1d1;padding-block:3dvh;padding-inline:5dvw;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;justify-items:center}.auth-container input,button,.alert,#btn-google{margin-top:2dvh;border-radius:5px;box-shadow:0 4px 10px #0000001a}.auth-container input{width:100%;padding-block:2dvh;padding-inline:3dvw;border:1px solid #ccc}.auth-container button{min-width:50%;padding-block:2dvh;padding-inline:3dvw;border:none;background-color:var(--roxo-codi);color:#fff;font-size:16px;cursor:pointer}.auth-container button:disabled{background-color:#ccc}.auth-container p{font-family:Montserrat,sans-serif;cursor:pointer;color:#007bff;margin-top:2dvh}.user-container{font-family:Montserrat,sans-serif;display:flex;flex-direction:column;justify-self:center;align-items:center;justify-content:center;gap:3vh;text-align:center;justify-items:center;padding-block:3dvh;padding-inline:3dvw;color:#fff}.userview-img{max-height:15vh;border-radius:50%}.logout-button{margin-top:3vh;font-size:16px;font-weight:600;width:30%;padding:16px;color:#fff;border:none;border-radius:10px;cursor:pointer;background:var(--roxo-codi);transition:transform .3s ease-in-out}