:root{--color-primary: #008b8b;--color-primary-hover: #007575;--color-accent: #ff6600;--color-accent-hover: #e65500;--theme-background: #f2f2f2;--theme-surface: #ffffff;--theme-text-primary: #1c1e21;--theme-text-secondary: #65676b;--theme-border: #ced4da;--theme-shadow: rgba(0, 0, 0, .1);--theme-correct-bg: #d4edda;--theme-correct-text: #155724;--theme-incorrect-bg: #f8d7da;--theme-incorrect-text: #721c24;--theme-feedback-success: #155724;--btn-primary-bg: var(--color-accent);--btn-primary-hover: var(--color-accent-hover);--btn-primary-text: #ffffff;--btn-secondary-bg: var(--color-primary);--btn-secondary-hover: var(--color-primary-hover);--btn-secondary-text: #ffffff;--btn-logout-bg: #e53935;--btn-logout-hover: #d32f2f;--btn-logout-text: #ffffff;--color-gold: #ffd700;--color-silver: #c0c0c0;--color-bronze: #cd7f32;--font-primary: "Poppins", sans-serif;--font-secondary: "Open Sans", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--theme-background: #121212;--theme-surface: #1e1e1e;--theme-text-primary: #e4e6eb;--theme-text-secondary: #b0b3b8;--theme-border: #4e4f50;--theme-shadow: rgba(0, 0, 0, .4);--theme-correct-bg: #2f684c;--theme-correct-text: #a7e3b4;--theme-incorrect-bg: #7d3a3a;--theme-incorrect-text: #f5c6cb;--theme-feedback-success: #a7e3b4;--color-gold: #f1c40f;--color-silver: #bdc3c7;--color-bronze: #d35400}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-secondary);background-color:var(--theme-background);color:var(--theme-text-secondary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}#root{display:flex;flex-direction:column;flex-grow:1;width:100%;align-items:center;justify-content:center}.page-content-wrapper{padding:2rem;margin-top:96px;margin-bottom:60px;border-radius:12px;flex-grow:1;width:90%;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s ease}h1,h2{font-family:var(--font-primary);color:var(--color-primary);text-align:center}h1{font-size:2rem;margin:.8rem 0}h2{font-size:1.75rem;margin:.5rem 0;color:var(--theme-text-primary)}a{font-weight:500;color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}.btn-primary,.btn-secondary,.btn-logout{font-size:1.2rem;font-weight:600;font-family:var(--font-primary);padding:1rem 2rem;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease;text-decoration:none;text-align:center;box-shadow:0 4px 8px #0003}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background-color:var(--btn-primary-hover)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background-color:var(--btn-secondary-hover)}.btn-logout{background-color:var(--btn-logout-bg);color:var(--btn-logout-text)}.btn-logout:hover{background-color:var(--btn-logout-hover)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.auth-card{background:var(--theme-surface);padding:2rem;border:1px solid var(--theme-border);border-radius:16px;box-shadow:0 8px 16px #0003;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem;margin:1rem}.auth-header{display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-header .logo{width:85px;height:auto}.auth-card h1{text-align:center;margin:0}.auth-form{display:flex;flex-direction:column}.auth-form input{margin-bottom:1rem;padding:.85rem;border:1px solid var(--theme-border);border-radius:8px;background-color:var( --theme-background );color:var(--theme-text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #008b8b33}.auth-card .link-wrapper{font-size:.9rem;text-align:center}.erro-mensagem{color:var( --btn-logout-bg );margin-bottom:1rem;text-align:center;font-weight:500}.divisor{text-align:center;position:relative;color:var(--theme-text-secondary)}.divisor:before,.divisor:after{content:"";height:1px;background:var(--theme-border);position:absolute;top:50%;width:40%}.divisor:before{left:0}.divisor:after{right:0}.header{position:fixed;top:0;left:0;width:100%;background:var(--theme-surface);box-shadow:0 2px 8px var(--theme-shadow);z-index:1000;transition:background-color .3s ease}.header .container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;height:80px}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo img{height:50px;width:auto}.logo h2{margin:0;font-size:1.25rem;color:var(--theme-text-primary)}.hamburger{display:block;background:none;border:none;padding:8px;cursor:pointer;z-index:1002}.hamburger img{width:30px;height:30px}.nav{position:fixed;top:0;right:0;width:100%;height:100%;background:var(--theme-surface);display:flex;align-items:center;justify-content:center;transform:translate(100%);transition:transform .3s ease-in-out;visibility:hidden}.nav.open{transform:translate(0);visibility:visible}.nav-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.nav-buttons>*{min-width:200px;text-align:center}@media(min-width:769px){.hamburger{display:none}.nav{position:static;height:auto;width:auto;background:none;transform:none;transition:none;visibility:visible}.nav-buttons{flex-direction:row;gap:1rem}.logo h2{font-size:1.5rem}.nav-buttons>*{font-size:1.2rem;padding:1rem 2rem;min-width:auto}}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:var( --color-primary );color:var( --btn-primary-text );z-index:100;box-shadow:0 -2px 8px var(--theme-shadow)}.footer .container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;padding:1rem;min-height:60px}.footer .container span{font-size:.95rem;font-weight:500}@media(max-width:768px){.footer .container{flex-direction:column;gap:.5rem;text-align:center;padding:.75rem 1rem}.footer .container span{font-size:.8rem}.footer .container span:nth-child(2){display:none}}.home-content{display:flex;flex-direction:column;text-align:center;gap:1.5rem;align-items:center;justify-content:center}.home-content h2{color:var(--theme-text-secondary);max-width:600px}.home-buttons{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}@media(max-width:768px){.home-content h1{font-size:1.8rem}.home-content h2{font-size:1.5rem}}@media(max-width:480px){.home-buttons{flex-direction:column;width:80%;align-items:stretch}}.tela-inicial{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;gap:1.5rem}.quiz-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;width:100%;align-items:center}.pergunta-texto{font-size:1.5rem;font-weight:600;line-height:1.3;text-align:center;color:var(--theme-text-primary)}.lista-opcoes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0;margin:1rem 0 0;list-style:none;width:100%}.opcao-resposta{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;border:1px solid var(--theme-border);background-color:var( --theme-surface );color:var(--theme-text-secondary);transition:background-color .2s ease,transform .2s ease,border-color .2s ease;text-align:center}@media(prefers-color-scheme:dark){.opcao-resposta{background-color:#3a3b3c}}.opcao-resposta:hover:not(.opcao-disabled){transform:translateY(-2px);border-color:var(--color-primary)}.opcao-correta{background-color:var(--theme-correct-bg)!important;color:var(--theme-correct-text)!important;border-color:var(--theme-correct-text)!important}.opcao-incorreta{background-color:var(--theme-incorrect-bg)!important;color:var(--theme-incorrect-text)!important;border-color:var(--theme-incorrect-text)!important}.opcao-disabled{cursor:not-allowed;opacity:.8}.erro-mensagem{color:var(--btn-logout-bg);font-weight:700}.feedback-sucesso{color:var(--theme-feedback-success);font-weight:500}.home-buttons{display:flex;gap:1rem;margin-top:1rem}@media(max-width:768px){.lista-opcoes{gap:1rem}}@media(max-width:480px){.lista-opcoes{grid-template-columns:1fr}.home-buttons{flex-direction:column;width:80%}}.ranking-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ranking-container h1{margin-bottom:1rem}.ranking-list{list-style:none;padding:0;margin:0;width:100%;max-width:500px;border:1px solid var(--theme-border);border-radius:8px;overflow:hidden}.ranking-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--theme-surface);border-bottom:1px solid var(--theme-border);transition:background-color .2s ease}.ranking-list li:last-child{border-bottom:none}.posicao{font-size:1.2rem;font-weight:700;color:var(--theme-text-secondary);min-width:40px;text-align:center}.usuario{flex-grow:1;font-weight:600;color:var(--theme-text-primary);text-align:left}.pontos{font-weight:700;color:var(--color-primary)}.ranking-item:nth-child(1){background-color:#ffd7001a}.ranking-item:nth-child(1) .posicao{color:var(--color-gold);font-weight:900;transform:scale(1.1)}.ranking-item:nth-child(1) .posicao:before{content:"🥇 "}.ranking-item:nth-child(2){background-color:#c0c0c01a}.ranking-item:nth-child(2) .posicao{color:var(--color-silver);font-weight:800}.ranking-item:nth-child(2) .posicao:before{content:"🥈 "}.ranking-item:nth-child(3){background-color:#cd7f321a}.ranking-item:nth-child(3) .posicao{color:var(--color-bronze);font-weight:800}.ranking-item:nth-child(3) .posicao:before{content:"🥉 "}#root{margin:0 auto;text-align:center}