@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--cor-fundo:#101010;--cor-cartao:#1a1d24;--cor-texto:#e2e8f0;--cor-texto-mutado:#94a3b8;--cor-destaque:#39ff14;--cor-destaque-hover:#2ee60b;--cor-botao:#3da93d;--cor-erro:#ef4444;--borda-raio:8px;--transicao:.3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif;text-decoration:none}html{scroll-behavior:smooth}body{background-color:var(--cor-fundo);color:var(--cor-texto);line-height:1.6}[hidden]{display:none!important}header{background-color:var(--cor-cartao);border-bottom:1px solid #39ff1433;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}nav{display:flex}nav ul{gap:1.5rem;font-size:1.2rem;list-style:none;display:flex}nav a{color:var(--cor-texto);transition:color var(--transicao);font-weight:500;text-decoration:none;display:inline-block;position:relative}nav a:after{content:"";background-color:var(--cor-destaque);width:0;height:2px;transition:all .2s;position:absolute;bottom:3px;left:0}nav a:hover{color:var(--cor-destaque)}nav a:hover:after{background-color:var(--cor-destaque);width:100%}#logo{color:var(--cor-destaque);font-size:1.2rem;font-weight:700}#acoes-logado{align-items:center;gap:24px;display:flex}button{background-color:var(--cor-destaque);color:#000;border-radius:var(--borda-raio);cursor:pointer;transition:background-color var(--transicao), transform .1s;border:none;padding:.6rem 1.2rem;font-weight:700}button:hover{background-color:var(--cor-destaque-hover)}button:active{transform:scale(.98)}#botao-sair,header button:last-child,form p button{color:var(--cor-destaque);border:1px solid var(--cor-destaque);background-color:#0000}#botao-sair:hover,header button:last-child:hover,form p button:hover{background-color:#39ff141a}#botao-login{background-color:var(--cor-destaque);color:var(--cor-texto);border:.125rem solid var(--cor-texto);cursor:pointer;border-radius:2rem;padding:.5rem 1.5rem;font-size:20px;font-weight:700;transition:all .3s}#botao-login:hover{background-color:var(--cor-botao)}#botao-cadastro{background-color:var(--cor-texto);color:var(--cor-destaque);border:.125rem solid var(--cor-destaque);cursor:pointer;border-radius:1rem;padding:.5rem 1.5rem;font-size:20px;font-weight:700;transition:all .3s}#botao-cadastro:hover{color:var(--cor-botao);border:.125rem solid var(--cor-botao)}#menu-hamburguer{display:none}main{max-width:1200px;margin:0 auto;padding:2rem}#secoes-protegidas{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}section{background-color:var(--cor-cartao);border-radius:var(--borda-raio);transition:transform var(--transicao);border:1px solid #ffffff0d;padding:1.5rem;box-shadow:0 4px 6px #0000004d}section:hover{border-color:#39ff144d;transform:translateY(-5px)}section h2{color:var(--cor-texto-mutado);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1.1rem}section p{color:var(--cor-destaque);font-size:2rem;font-weight:700}#modal-login,#modal-cadastro,#modal-esqueci-senha{z-index:1000;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#modal-login>div,#modal-cadastro>div,#modal-esqueci-senha>div{background-color:var(--cor-cartao);border-radius:var(--borda-raio);border:1px solid #39ff1433;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 25px #00000080}#modal-login h2,#modal-cadastro h2,#modal-esqueci-senha h2{text-align:center;margin-bottom:1.5rem}form>div{margin-bottom:1.2rem;position:relative}form>div input{width:320px}form>div i{cursor:pointer;color:#cccc;position:absolute;top:54px;right:15px;transform:translateY(-50%)}label{color:var(--cor-texto-mutado);margin-bottom:.5rem;font-size:.9rem;display:block}input{background-color:var(--cor-fundo);color:var(--cor-texto);border-radius:var(--borda-raio);transition:border-color var(--transicao);border:1px solid #333;outline:none;padding:.8rem}input:focus{border-color:var(--cor-destaque)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;opacity:.6;transition:opacity var(--transicao)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}span[role=alert]{color:var(--cor-erro);height:1rem;margin-top:.4rem;font-size:.8rem;display:block}form button[type=submit]{width:100%;margin-top:1rem;padding:1rem;font-size:1rem}form p{text-align:center;margin-top:1.5rem;font-size:.9rem}form p button{background:0 0;border:none;margin-left:.5rem;padding:0;text-decoration:underline}.mensagem-sucesso{border:1px solid var(--cor-destaque);color:var(--cor-destaque);border-radius:var(--borda-raio);text-align:center;background-color:#39ff141a;margin-bottom:1.2rem;padding:.8rem;font-size:.9rem;font-weight:500}#redefinir-senha{background-color:var(--cor-cartao);border-radius:var(--borda-raio);border:1px solid #39ff1433;width:100%;max-width:400px;margin:12vh auto;padding:2.5rem;box-shadow:0 10px 25px #00000080}#titulo-redefinir-senha{text-align:center;color:var(--cor-texto);margin-bottom:1.5rem}@media screen and (width<=968px){header{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}#acoes-logado{order:2;align-items:center;margin:0;display:flex}#menu-hamburguer{color:var(--cor-texto);cursor:pointer;background:0 0;border:none;order:1;justify-content:center;align-items:center;margin:0;padding:0;font-size:2.5rem;line-height:1;display:flex}#menu-hamburguer:hover,#menu-hamburguer:active{background:0 0;transform:none}#menu{background-color:var(--cor-cartao);z-index:2000;width:300px;height:100vh;padding-top:4rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:-300px}#menu.ativo{left:0}#menu ul{flex-flow:column;gap:2rem;width:100%;padding-left:2rem}#overlay{opacity:0;visibility:hidden;z-index:1500;background-color:#000c;width:100%;height:100vh;transition:all .3s;position:fixed;top:0;left:0}#overlay.ativo{opacity:1;visibility:visible}main{padding:1rem}#modal-login>div,#modal-cadastro>div,#modal-esqueci-senha>div,#redefinir-senha{width:90%;padding:1.5rem}form>div input{width:100%}form>div i{right:15px}section p{font-size:1.5rem}#botao-login,#botao-cadastro{width:100%;font-size:1rem}}