*{padding:0;margin:0;text-decoration:none;font-family:Arial,Helvetica,sans-serif}:root{--primary: #1E40AF;--secondary: #2563EB;--background: #0A0A0A;--text-light: #F5F5F5;--text-dark: #111}html,body{background-color:var(--background);color:var(--text-light);height:100%;margin:0}.page-container{display:flex;flex-direction:column;min-height:100vh;flex-wrap:wrap}.postCard{background-color:#111827;padding:1rem;border-radius:8px;margin:1rem 0;transition:transform .2s ease,box-shadow .2s ease}.postCard:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.postCard h2{color:var(--secondary);margin-bottom:.5rem}.postCard p{color:var(--text-light);margin-bottom:1rem}.postCard a{color:var(--secondary);text-decoration:none;font-weight:700}.postCard a:hover{color:var(--text-light)}.container{padding:2rem;flex:1}.titulo{text-align:center;margin-bottom:20px}.con-flex{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.con-card{width:40%;margin:.5rem 1rem}.HError{text-align:center;color:#ef4444}@media (max-width: 768px){.titulo{font-size:1.5em}.con-flex{flex-direction:column;flex-wrap:nowrap}.con-card{width:100%}}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{border:4px solid #e0e0e0;border-top:4px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin .8s linear infinite}.con-postagem{padding:2rem;display:flex;flex-wrap:wrap;flex-direction:column;flex:1}.con-postagem-flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.fix-postagem-card{width:31%;margin-left:2%}.search{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#0a0a0a;margin-bottom:2%}.search input{border:none;padding:10px;border-top-left-radius:8px;border-bottom-left-radius:8px;width:400px;height:40px;outline:none;box-sizing:border-box}.search button{width:40px;height:40px;margin-left:0;border:none;border-top-right-radius:8px;border-bottom-right-radius:8px;cursor:pointer;background-color:#2563eb}.pError{text-align:center;color:#ef4444}@media (max-width: 768px){.con-postagem-flex{flex-direction:column;flex-wrap:nowrap}.fix-postagem-card{width:100%}.search input{width:80%}.pError{margin-top:10px}}.sobre{max-width:900px;margin:40px auto;padding:20px;color:#fff;background:#1e293b;border-radius:12px;box-shadow:0 4px 8px #0006;line-height:1.6;flex:1}.sobre h1{text-align:center;font-size:2rem;margin-bottom:20px}.sobre h2{font-size:1.4rem;margin:20px 0 10px;color:#60a5fa}.sobre p{margin-bottom:15px;font-size:1rem}.sobre strong{color:#93c5fd}.sobre em{color:#a5b4fc;font-style:normal}.sobre-autor,.sobre-missao{margin-top:25px;padding:15px;background:#111827;border-radius:8px}.contato{max-width:800px;margin:40px auto;padding:20px;color:#fff;background:#1e293b;border-radius:12px;box-shadow:0 4px 8px #0006;flex:1}.contato h1{text-align:center;font-size:2rem;margin-bottom:10px}.contato p{text-align:center;margin-bottom:20px}.contato-form{display:flex;flex-direction:column;gap:12px}.contato-form label{font-weight:700}.contato-form input,.contato-form textarea{padding:10px;border:none;border-radius:8px;font-size:1rem}.contato-form textarea{min-height:120px;resize:vertical}.contato-form button{margin-top:10px;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:.3s}.contato-form button:hover{background:#1e40af}.contato-info{margin-top:30px;padding-top:15px;border-top:1px solid #334155}.contato-info h2{margin-bottom:10px}.contato-info a{color:#60a5fa;text-decoration:none}.contato-info a:hover{text-decoration:underline}.post-container{max-width:800px;margin:2rem auto;padding:3rem;background:#1e293b;border-radius:8px}.post-title{font-size:2rem;margin-bottom:1rem;color:#1e40af}.post-content{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.likes{display:flex;align-items:center;gap:1rem}.likes button{background:#1e40af;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.comments{margin-top:2rem}.add-comment textarea{width:100%;min-height:80px;margin-bottom:.5rem;padding:.5rem;border:1px solid #ccc;border-radius:6px;resize:none}.add-comment button{background:#1e40af;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.comment-list{list-style:none;margin-top:1rem}.comment{padding:.75rem;border-bottom:1px solid #ddd}.replies{margin-top:.5rem;padding-left:1.5rem;list-style:none;border-left:2px solid #ddd}.cadastro-container{max-width:500px;margin:2rem auto;background-color:var(--background);padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #0006;color:var(--text-light);flex:1}.cadastro-container h1{text-align:center;margin-bottom:1.5rem;color:var(--secondary)}.cadastro-form{display:flex;flex-direction:column;gap:1rem}.cadastro-form label{display:flex;flex-direction:column;font-size:.9rem;color:var(--text-light)}.cadastro-form input{padding:.6rem;border:1px solid var(--secondary);border-radius:.5rem;background-color:#111;color:var(--text-light);outline:none}.cadastro-form input:focus{border-color:var(--primary)}.btn-submit{background-color:var(--primary);color:var(--text-light);border:none;padding:.8rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:background .3s ease}.btn-submit:hover{background-color:var(--secondary)}.message-box{position:fixed;top:20px;right:20px;padding:14px 22px;border-radius:12px;color:#fff;font-weight:500;opacity:0;animation:fadeInOut 3s ease forwards;box-shadow:0 4px 10px #0003}.message-box.success{background-color:#28a745}.message-box.error{background-color:#dc3545}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-15px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-15px)}}.login-container{width:500px;margin:2rem auto;background-color:var(--background);padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #0006;color:var(--text-light);flex:1}.login-container h1{text-align:center;margin-bottom:1.5rem;color:var(--secondary)}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{display:flex;flex-direction:column;font-size:.9rem;color:var(--text-light)}.login-form p{font-size:1.2em}.login-form input{padding:.6rem;border:1px solid var(--secondary);border-radius:.5rem;background-color:#111;color:var(--text-light);outline:none}.login-form input:focus{border-color:var(--primary)}.btn-login-submit{background-color:var(--primary);color:var(--text-light);border:none;padding:.8rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:background .3s ease}.btn-login-submit:hover{background-color:var(--secondary)}@media (max-width: 768px){.login-container{width:60%}}.main-perfil{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:80vh;font-family:Inter,sans-serif}.perfil-card{background-color:var(--background);border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;text-align:center}.perfil-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid #007bff;object-fit:cover;margin-bottom:1rem}.perfil-info h1{margin-bottom:.5rem;font-size:1.6rem;color:var(--text-light)}.perfil-email{color:#555;margin-bottom:.25rem}.perfil-role{color:#007bff;font-weight:500;margin-bottom:.5rem}.perfil-date{font-size:.9rem;color:#666}.perfil-actions{display:flex;gap:1rem;margin-top:1.5rem}.perfil-actions button{background:#007bff;border:none;padding:.7rem 1.4rem;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:.3s}.perfil-actions button:hover{background:#0056b3}.btn-logout{background:#dc3545}.btn-logout:hover{background:#b02a37}@media (max-width: 480px){.perfil-card{padding:1.5rem}.perfil-info h1{font-size:1.4rem}.perfil-actions{flex-direction:column;width:100%}.perfil-actions button{width:100%}}.perfil-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh}.spinner{width:45px;height:45px;border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.navBar{padding-inline:2%}.menu{display:flex;gap:1.5rem;list-style:none;margin-right:2%}.menu li a{display:flex;align-items:center;gap:8px;font-size:1.1rem;color:var(--text-light);transition:color .2s}.menu li a:hover{color:var(--text-dark)}.menu-toggle{display:none;background:none;border:none;color:var(--text-light);font-size:1.8rem;cursor:pointer}@media (max-width: 768px){.menu{display:none;position:absolute;top:60px;right:0;background:var(--primary);flex-direction:column;width:200px;padding:1rem;border-radius:8px 0 0 8px;box-shadow:-2px 2px 6px #0000004d}.menu.active{display:flex}.menu-toggle{display:block}}.header{background-color:var(--primary);display:flex;flex-direction:column;flex-wrap:wrap}.header-flex{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.header-flex nav{position:absolute;left:50%;transform:translate(-50%)}.header-flex .logo,.header-flex .login-session{flex:0}.logo img{height:100px;width:auto;transition:transform .2s}.logo img:hover{transform:scale(1.05)}.login-session-with-profile{display:flex;flex-direction:row;gap:15px;white-space:nowrap;align-items:center;margin:0 15px 0 0;padding:0}.login-session-with-profile li{list-style:none}.login-session-logout{margin-right:10px}.login-session-logout button{border:none;background:none;color:var(--text-light);font-size:1.2em;transition:color .2s,transform .2s;cursor:pointer}.login-session-logout button:hover{color:var(--text-dark);transform:scale(1.05)}.login-session-with-profile li a img{height:60px;width:60px;border-radius:50%;transition:transform .2s}.login-session{display:flex;flex-direction:row;gap:15px;white-space:nowrap;align-items:center;margin:0 15px 0 0;padding:0}.login-session li{list-style:none}.login-session li a{color:var(--text-light);font-size:1.2em;transition:color .2s,transform .2s}.login-session li a:hover{color:var(--text-dark);transform:scale(1.05)}.banner{width:100%;height:450px;background-image:url(/images/banner_resized.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#e6f3fa}@media (max-width: 768px){.banner{height:200px}.header-flex{flex-wrap:wrap;justify-content:space-between;gap:10%}.header-flex nav{order:1;position:initial}.logo img{height:70px}.login-session{order:0;width:100%;justify-content:center;padding:10px 0}.login-session li a{font-size:1em}.banner{background-size:cover}.login-session-with-profile li a img{width:40px;height:40px}}.footer{background-color:var(--primary);color:var(--text-light);padding:2rem 1rem 1rem;font-family:Arial,Helvetica,sans-serif}.footer a{color:var(--text-light);text-decoration:none;transition:color .3s}.footer a:hover{color:var(--secondary)}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1rem}.logo-footer h2{font-size:1.8rem}.footer-links{display:flex;gap:1.5rem;list-style:none}.social-icons a{font-size:1.5rem;margin-right:.75rem}.footer-bottom{text-align:center;border-top:1px solid #2563EB;padding-top:.5rem;font-size:.9rem;color:#e5e5e5}@media (max-width: 768px){.footer-top{flex-direction:column;align-items:center}.footer-links{flex-wrap:wrap;justify-content:center}}