*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Orelo;src:url(./fonts/Orelo-Expanded.otf) format("truetype");font-weight:400;font-style:normal}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f4f4f4;color:#222}.topbar{background:#7800a8;color:#fff;padding:15px 30px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;font-weight:700;font-family:Orelo}.topbar nav{flex:1;display:flex;align-items:center;margin-left:30px}.topbar nav ul{display:flex;list-style:none;gap:20px;font-size:16px}.topbar nav ul li{cursor:pointer}.top-actions{display:flex;gap:15px;align-items:center;font-size:14px}.top-actions .ajuda{font-weight:700;cursor:pointer}.container{display:flex;padding:30px 50px;gap:30px;align-items:flex-start}.content{flex:1;min-width:500px}.pergunta-input{width:100%;padding:15px;border-radius:20px;border:none;background:#e5e5e5;margin-bottom:25px;font-size:16px;color:#555}.card-pergunta{width:calc(50% - 10px);box-sizing:border-box;display:flex;align-items:flex-start;background:#d9c4e2;padding:15px 20px;border-radius:12px;box-shadow:0 2px 5px #0000000d}.user-icon{font-size:24px;margin-right:10px;color:#5a009d}.pergunta-texto p{margin:10px 0;color:#222}.pergunta-texto button{background:#7800a8;color:#fff;border:none;padding:8px 15px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px}.barra-inferior{height:24px;background-color:#5a009d;width:100%}.chat-flutuante{position:fixed;bottom:20px;left:20px;width:300px;background:#fff;border-radius:10px;box-shadow:0 0 10px #999;z-index:10;display:flex;flex-direction:column;overflow:hidden;border:2px solid #a445c4}.chat-header{background:#a445c4;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}.chat-mensagens{padding:10px;height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.mensagem{max-width:80%;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.4}.mensagem.amigo{background:#f0e4f8;align-self:flex-start}.mensagem.voce{background:#d1c4e9;align-self:flex-end}.chat-input{display:flex;padding:10px;gap:5px;border-top:1px solid #ccc;background:#f9f9f9}.chat-input input{flex:1;padding:8px;border-radius:6px;border:1px solid #ccc}.chat-input button{background:#a445c4;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.button-chat{background:#a445c4;border:1px solid #a445c4;color:#fff}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20}.modal-materia{background:#fff;padding:30px;border-radius:12px;width:320px;box-shadow:0 0 20px #0000004d;text-align:center}.modal-materia h3{margin-bottom:20px;font-size:18px;color:#5a009d}.modal-materia ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.modal-materia ul li{background:#d9c4e2;padding:10px;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s}.modal-materia ul li:hover{background:#b183c7;color:#fff}.fechar-modal{margin-top:20px;padding:8px 16px;background:#aaa;color:#fff;border:none;border-radius:6px;cursor:pointer}.topbar{background:#7800a8;color:#fff;padding:12px 30px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;font-family:Orelo,sans-serif}.top-actions{display:flex;align-items:center;gap:20px;font-size:14px}.top-actions .buscar,.top-actions .login{cursor:pointer;display:flex;align-items:center;gap:6px}.sub-barra{background:#5a009d;color:#fff;padding:8px 30px;display:flex;justify-content:space-between;align-items:center}.menu-esquerda{display:flex;gap:25px;font-size:15px;cursor:pointer;align-items:center}.ajuda{font-weight:700;cursor:pointer}.input-busca{background:#eee;padding:10px 30px;display:flex;justify-content:flex-end}.input-busca input{width:240px;padding:8px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.input-inline{width:180px;padding:6px 10px;border-radius:20px;border:none;background:#e5e5e5;font-size:14px;transition:width .2s ease}.input-inline:focus{outline:none}.top-actions{display:flex;align-items:center;gap:12px;font-size:14px}a{color:#fff;text-decoration:none}a:visited{color:#fff}a:hover{text-decoration:underline}.theme-toggle{background:none;border:none;font-size:22px;cursor:pointer;margin-right:12px}body.dark{background-color:#121212;color:#f1f1f1}.ajuda-btn{background-color:transparent;color:inherit;border:1px solid currentColor;padding:6px 12px;border-radius:6px;cursor:pointer}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px}.menu-direita{display:flex;align-items:center;gap:12px}.theme-toggle{background:none;border:none;font-size:20px;cursor:pointer}body.dark .pergunta-input{background-color:#2e2e2e;color:#fff}body.dark .pergunta-input::placeholder{color:#ccc}body.dark .botoes-filtro button{background-color:#2e2e2e;color:#fff;border:1px solid #555}body.dark .botoes-filtro button:hover{background-color:#3a3a3a}.menu-usuario{position:relative;display:inline-block}.btn-usuario{background:none;border:none;font-weight:700;color:#fff;cursor:pointer;padding:8px}.dropdown-menu{position:absolute;right:0;top:110%;background:#fff;color:#333;box-shadow:0 2px 8px #0003;border-radius:8px;overflow:hidden;z-index:10;display:flex;flex-direction:column}.dropdown-menu button{padding:10px 16px;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.dropdown-menu button:hover{background-color:#eee}.filtro-container{border:2px solid purple;padding:1rem;border-radius:8px;text-align:center}.botoes-filtro{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.botoes-filtro button{padding:.5rem;border-radius:6px;border:none;background-color:#eee;cursor:pointer;transition:background-color .2s ease}.botoes-filtro button.ativo{background-color:#8000c4;color:#fff;font-weight:700}.materias-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px 80px;justify-items:center}.card-materia{width:100%;max-width:400px;height:220px;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end;text-decoration:none;position:relative;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 3px 10px #0003}.card-materia:hover{transform:scale(1.04);box-shadow:0 6px 20px #0000004d}@media (max-width: 1024px){.materias-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.materias-container{grid-template-columns:1fr}}.login-container{display:flex;justify-content:center;align-items:center;padding:80px 20px}.login-card{background-color:var(--card-bg, #fff);color:var(--text-color, #000);padding:32px;border-radius:12px;box-shadow:0 0 12px #0000001a;max-width:400px;width:100%;display:flex;flex-direction:column;gap:16px}.login-card h2{text-align:center}.login-card input{padding:10px;width:100%;border-radius:8px;border:1px solid #ccc;margin-top:4px}.senha-wrapper{position:relative}.toggle-olho{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem}.btn-entrar{background-color:purple;color:#fff;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s}.btn-entrar:hover{background-color:#6a0dad}.esqueci-senha{font-size:.85rem;color:#666;text-align:right;text-decoration:none;margin-top:-8px}.erro-login{color:red;font-size:.9rem;margin-top:-8px;text-align:center}.dados-container{max-width:600px;margin:40px auto;padding:20px 32px;background-color:var(--bg-card, #fff);border-radius:16px;box-shadow:0 4px 16px #0000001a;text-align:center}.dados-container h2{margin-bottom:24px;font-size:1.8rem;color:var(--text-color, #333)}.foto-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.foto-upload img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:2px solid #ccc;margin-bottom:8px}.foto-upload input[type=file]{font-size:.85rem;cursor:pointer}.campos{display:flex;flex-direction:column;gap:16px;text-align:left}.campos label{font-size:.95rem;font-weight:500;color:var(--text-color, #444)}.campos input{padding:10px 14px;border:1px solid #ccc;border-radius:8px;font-size:1rem;background-color:var(--input-bg, #f9f9f9);color:var(--text-color, #333)}.alterar-senha{margin-top:16px;padding:12px;border:none;border-radius:8px;background-color:#5a009d;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s ease}.alterar-senha:hover{background-color:#5941c1}