/* home.css — estilos de index.html */
  .topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
  }
  .nav-login {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .btn-login {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #5865F2;
    color: white;
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.15s, transform 0.1s;
  }
  .btn-login:hover { background: #4752c4; transform: translateY(-1px); }
  .btn-login svg { width: 18px; height: 18px; fill: white; }
  .btn-painel {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(124,58,237,0.15);
    border: 1px solid rgba(124,58,237,0.4);
    color: #c4b0ff;
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.15s;
  }
  .btn-painel:hover { background: rgba(124,58,237,0.3); }