@import "https://fonts.googleapis.com/css2?family=Nerko+One&family=Outfit:wght@300;400;600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Nerko+One&family=Outfit:wght@300;400;600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Nerko+One&family=Outfit:wght@300;400;600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";body{background-color:#a47bf7;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body{background:linear-gradient(135deg,#d0b8ff 0%,#b089ff 45%,#9a6cff 75%,#8757f5 100%);min-width:1024px;min-height:100vh;font-family:Outfit,sans-serif}.home-container{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.navbar{background:linear-gradient(135deg,#4b1f70,#7c3aed);justify-content:space-between;align-items:center;width:100%;padding:20px 40px;display:flex;box-shadow:0 4px 15px #00000026}.logo{color:#fff;letter-spacing:3px;font-family:Nerko One,cursive;font-size:50px;font-weight:400}.nav-buttons{flex-wrap:wrap;gap:15px;display:flex}.btn-nav{color:#000;z-index:1;background-color:#fff;border:1px solid #4f4f4f;border-radius:4px;padding:10px 22px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700;text-decoration:none;transition:all .2s ease-in;display:inline-block;position:relative;overflow:hidden}.btn-nav:hover{color:#fff;border:1px solid #7014ad}.btn-nav:before{content:"";z-index:-1;background-color:#0000000d;border-radius:50%;width:140%;height:180%;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)scaleY(1)scaleX(1.25)}.btn-nav:after{content:"";z-index:-1;background-color:#7014ad;border-radius:50%;width:160%;height:190%;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;display:block;position:absolute;top:180%;left:55%;transform:translate(-50%)scaleY(1)scaleX(1.45)}.btn-nav:hover:before,.btn-nav:hover:after{background-color:#7014ad;top:-45%;transform:translate(-50%)scaleY(1.3)scaleX(.8)}.main-content{flex:1;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1300px;margin:0 auto;padding:30px 20px;display:flex}.mascote{flex-shrink:0;width:220px;height:auto}.card-welcome{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:680px;padding:35px 30px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.card-welcome:hover{transform:translateY(-3px)}.card-welcome h2{color:#3f186c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.card-welcome p{color:#222;text-align:center;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:13.5px;line-height:1.5}.footer{color:#fff;text-align:center;background:linear-gradient(135deg,#4b1f70,#5b2c83);width:100%;margin-top:60px;padding:30px}.footer p{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.social-buttons{justify-content:center;gap:15px;display:flex}.btn-social{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:10px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-social:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 8px 20px #6d28d966}.regras-container{background:linear-gradient(135deg,#d0b8ff 0%,#b089ff 45%,#9a6cff 75%,#8757f5 100%);flex-direction:column;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.regras-header{text-align:center;background:linear-gradient(135deg,#4b1f70,#7c3aed);width:100%;padding:20px 40px;box-shadow:0 4px 15px #00000026}.regras-header h1{color:#fff;letter-spacing:3px;margin:0;font-family:Nerko One,cursive;font-size:45px;font-weight:400}.regras-main{flex:1;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.caixa-de-texto{background:#fff;border-radius:12px;width:100%;max-width:680px;padding:35px 30px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.caixa-de-texto:hover{transform:translateY(-3px)}.caixa-de-texto h1{color:#3f186c;text-align:center;text-transform:uppercase;margin-bottom:15px;font-weight:800;font-size:22px!important}.subtitulo-intro{color:#5b2c83;text-align:center;text-transform:uppercase;margin-bottom:20px;font-weight:600;line-height:1.5;font-size:14.5px!important}.subtitulo-professores{color:#5b2c83;text-align:center;text-transform:uppercase;margin-top:25px;margin-bottom:10px;font-weight:600;line-height:1.5;font-size:14px!important}.caixa-de-texto p{color:#222;text-align:justify;margin-bottom:12px;line-height:1.5;font-size:13.5px!important}.regras-footer{text-align:center;background:linear-gradient(135deg,#4b1f70,#5b2c83);width:100%;padding:25px}.botao-voltar{color:#000;cursor:pointer;z-index:1;background-color:#fff;border:1px solid #4f4f4f;border-radius:50px;padding:10px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s ease-in;display:inline-block;position:relative;overflow:hidden}.botao-voltar:hover:before,.botao-voltar:hover:after{background-color:#7014ad;top:-45%;transform:translate(-50%)scaleY(1.3)scaleX(.8)}@media (width<=768px){.regras-header h1{font-size:1.6rem!important}.caixa-de-texto{padding:25px 20px}.caixa-de-texto h1{font-size:18px!important}.subtitulo-intro,.subtitulo-professores{font-size:13px!important}.caixa-de-texto p{font-size:12.5px!important}}.sobre-container{box-sizing:border-box;background:linear-gradient(135deg,#d0b8ff 0%,#b089ff 45%,#9a6cff 75%,#8757f5 100%);flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif;display:flex}.sobre-header{text-align:center;background:linear-gradient(135deg,#4b1f70,#7c3aed);width:100%;padding:20px 40px;box-shadow:0 4px 15px #00000026}.sobre-header h1{color:#fff;letter-spacing:3px;margin:0;font-family:Nerko One,cursive;font-size:45px;font-weight:400}.sobre-main{flex:1;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.sobre-card{background:#fff;border-radius:12px;width:100%;max-width:680px;padding:35px 30px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.sobre-card:hover{transform:translateY(-3px)}.sobre-titulo{color:#3f186c;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-size:22px;font-weight:800}.sobre-introducao{color:#222;text-align:justify;margin-bottom:25px;font-size:13.5px;line-height:1.6}.sobre-secao-equipe{border-top:1px solid #e5d8ff;padding-top:20px}.sobre-secao-equipe h3{color:#5b2c83;text-align:center;text-transform:uppercase;margin-bottom:8px;font-size:15px;font-weight:800}.sobre-aviso-equipe{color:#666;text-align:center;margin-bottom:15px;font-size:12.5px;font-style:italic}.sobre-lista-integrantes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sobre-lista-integrantes li{color:#333;background-color:#f8f5ff;border-left:3px solid #7c3aed;border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.sobre-lista-integrantes strong{color:#4b1f70}.sobre-footer{text-align:center;background:linear-gradient(135deg,#4b1f70,#5b2c83);width:100%;padding:25px}@media (width<=768px){.sobre-header h1{font-size:35px}.sobre-card{padding:25px 20px}.sobre-titulo{font-size:18px}.sobre-introducao{font-size:13px}.sobre-lista-integrantes li{font-size:12px}}.jogar-container{background:linear-gradient(135deg,#d0b8ff 0%,#b089ff 45%,#9a6cff 75%,#8757f5 100%);flex-direction:column;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.jogar-main{flex:1;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.jogar-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:750px;padding:40px;box-shadow:0 10px 30px #0000001f}.jogar-inicio h1,.jogar-fim h1{color:#5b2c83;margin-bottom:15px;font-size:32px;font-weight:800}.jogar-inicio p,.jogar-fim p{color:#333;margin-bottom:25px;font-size:16px}.progresso{color:#7c3aed;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.jogar-pergunta-box h2{color:#3f186c;margin:15px 0 20px;font-size:20px;font-weight:700}.imagem-container{justify-content:center;align-items:center;width:100%;margin:10px 0 20px;display:flex}.imagem-container-duplo{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;width:100%;margin:10px 0 20px;display:flex}.pergunta-imagem{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:220px;box-shadow:0 2px 8px #00000014}.imagem-container-duplo .pergunta-imagem{max-width:48%;max-height:200px}.justificativa-imagem{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:380px;box-shadow:0 2px 8px #00000014}.imagem-container-duplo .justificativa-imagem{max-width:48%;max-height:420px}.opcoes-lista{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.opcao-btn{color:#333;cursor:pointer;text-align:left;background:#fcfaff;border:2px solid #e2d8f7;border-radius:10px;width:100%;padding:14px 18px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.opcao-btn:hover:not(:disabled){background:#f3ecff;border-color:#9a6cff}.opcao-btn.selecionada{color:#4b1f70;background:#eadaff;border-color:#7c3aed}.opcao-btn.correta{color:#1b5e20!important;background-color:#e8f5e9!important;border-color:#2e7d32!important}.opcao-btn.incorreta{color:#b71c1c!important;background-color:#ffebee!important;border-color:#c62828!important}.feedback-box{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.feedback-box.sucesso{color:#2e7d32;background-color:#e8f5e9;border:1px solid #a5d6a7}.feedback-box.erro{color:#c62828;background-color:#ffebee;border:1px solid #ef9a9a}.justificativa-box{text-align:left;background-color:#f7f4fd;border:1px solid #e2d8f7;border-radius:8px;margin-bottom:20px;padding:16px}.justificativa-box strong{color:#3f186c;margin-bottom:8px;font-size:14px;display:block}.justificativa-box p{color:#333;margin-bottom:12px;font-size:14px;line-height:1.5}.justificativa-box p:last-child{margin-bottom:0}.justificativa-box .imagem-container,.justificativa-box .imagem-container-duplo{margin:12px 0 0}.justificativa-box .pergunta-imagem{max-height:700px}.botao-padrao{color:#000;cursor:pointer;z-index:1;background-color:#fff;border:1px solid #4f4f4f;border-radius:50px;padding:10px 28px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:all .2s ease-in;display:inline-block;position:relative;overflow:hidden}.botao-padrao:disabled{opacity:.5;cursor:not-allowed}.botao-padrao:hover:not(:disabled){color:#fff;background-color:#7014ad;border-color:#7014ad}.jogar-footer{text-align:center;background:linear-gradient(135deg,#4b1f70,#5b2c83);width:100%;padding:25px}@media (width<=768px){.jogar-card{padding:25px 20px}.jogar-inicio h1,.jogar-fim h1{font-size:24px}.jogar-pergunta-box h2{font-size:17px}.opcao-btn{padding:12px;font-size:14px}.pergunta-imagem{max-height:180px}.imagem-container-duplo .pergunta-imagem{max-width:100%}.justificativa-imagem,.justificativa-box .pergunta-imagem{max-height:260px}}*{box-sizing:border-box;margin:0;padding:0}.login-container{background:linear-gradient(135deg,#d0b8ff 0%,#b089ff 45%,#9a6cff 75%,#8757f5 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.login-main{flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.login-container .caixa-de-texto{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:650px;margin:40px auto;padding:40px;transition:transform .3s;box-shadow:0 10px 30px #0000001a}.login-container .caixa-de-texto:hover{transform:translateY(-3px)}.login-container .caixa-de-texto h1{text-align:center;color:#5b2c83;margin-bottom:15px;font-size:35px;font-weight:800}.login-container .caixa-de-texto h2{text-align:center;color:#5b2c83;margin-bottom:20px;font-size:24px;font-weight:600}.login-container .caixa-de-texto p{text-align:center;color:#333;font-size:17px;font-weight:400;line-height:1.6}.login-container .caixa-de-texto .instagram-handle{color:#7014ad;margin-top:15px;font-weight:600}.login-footer{text-align:center;width:100%;padding:25px}.login-footer a{text-decoration:none}.botao-voltar{color:#000;cursor:pointer;z-index:1;background:#fff;border:1px solid #4f4f4f;border-radius:50px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:all .2s ease-in;display:inline-block;position:relative;overflow:hidden}.botao-voltar:before{content:"";z-index:-1;background-color:#0000000d;border-radius:50%;width:140%;height:180%;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;position:absolute;top:100%;left:50%;transform:translate(-50%)scaleY(1)scaleX(1.25)}.botao-voltar:after{content:"";z-index:-1;background-color:#7014ad;border-radius:50%;width:160%;height:190%;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;position:absolute;top:180%;left:55%;transform:translate(-50%)scaleY(1)scaleX(1.45)}.botao-voltar:hover{color:#fff;border-color:#7014ad}.botao-voltar:hover:before{background-color:#7014ad;top:-35%;transform:translate(-50%)scaleY(1.3)scaleX(.8)}.botao-voltar:hover:after{background-color:#7014ad;top:-45%;transform:translate(-50%)scaleY(1.3)scaleX(.8)}