body{font-family:'Roboto',sans-serif;background-color:#f4f6f9;margin:0;padding:0;color:#333;display:flex;flex-direction:column;min-height:100vh}.login-layout{display:flex;justify-content:space-between;gap:30px;margin-top:40px;flex-wrap:wrap;max-width:900px;margin:40px auto}.coluna-esquerda{flex:1;padding-right:20px;display:flex;flex-direction:column;justify-content:center}.coluna-direita{flex:1;text-align:center;padding-left:20px;border-left:1px solid #ddd;display:flex;justify-content:center;align-items:center}
.coluna-direita img{max-width:70%;height:auto}.login-container{display:flex;justify-content:space-between;padding:30px;gap:40px;max-width:1300px;margin:30px auto;background-color:#fff;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,0.1)}.titulo-login{font-size:2em;color:#000;margin-bottom:20px}.descricao-login{font-size:1.2em;color:#666;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:15px}.btn{padding:10px 20px;font-size:1.1em;border-radius:5px;background-color:#28a745;color:#fff;border:0;cursor:pointer}
.btn:hover{background-color:#218838}.footer{background-color:#1a1a1a;color:#fff;text-align:center;padding:15px;font-size:14px;margin-top:40px}@media(max-width:768px){.login-layout{flex-direction:column;gap:15px;padding:20px;align-items:center}.coluna-direita{border-left:0;padding-left:0;padding-top:20px}.coluna-esquerda{padding-right:0;max-width:90%}.titulo-login{font-size:1.6em}.descricao-login{font-size:1em}.login-container{flex-direction:column;max-width:100%;box-shadow:none;padding:20px;margin:20px auto}
}@media(max-width:480px){.login-layout{max-width:100%}.titulo-login{font-size:1.4em}.descricao-login{font-size:.9em}.login-container{padding:10px}.btn{font-size:1em;padding:8px 15px}}